@import url(idigitisk-menu.css);
@import url(idigitisk-orders.css);


/* obecne definice */
html, body {_height: 100%; min-height: 100%;text-align: center;}

body {background-color: #fff; color: #000; margin: 0; padding: 0; font: 100%/1.33 Tahoma, "Lucida Grande CE", lucida, sans-serif;}

	.Clean {font-size: 1px; height: 1px; clear: both; overflow: hidden; margin: 0; padding: 0;}
	.NoVisual {display: none;}
	form {margin: 0; padding: 0;}
	p {margin: 0 0 1em 0; padding: 0;}
	ins {text-decoration: none;}
	table, textarea {font: 100%/1.33 Tahoma, "Lucida Grande CE", lucida, sans-serif; color: #000;}
	textarea {overflow: auto;}
	fieldset {border: none; margin: 0; padding: 0;}
/* end: obecne definice */


/* page */
#Page {position: relative; margin: 0 auto; padding: 0 0 45px 0; font-size: .8em; text-align: left; width: 750px; background: #fff url(/img/bgr-header-not-entered.jpg) top left no-repeat;}
/*	body>#Page {height: auto; min-height: 100%;}*/
/* end: page */
.partner #Page { background: none; width: 550px; padding: 0; }


/* header */
#Header {width: 100%; height: 149px; border-bottom: 1px solid #000; margin: 0; padding: 0;}
	#Header.Entered {background: #fff url(/img/bgr-header-entered.jpg) top left no-repeat;}

	/* logo */
	#Logo {position: absolute; display: block; width: 193px; height: 55px; overflow: hidden; z-index: 1; top: 13px; left: 0;}
		#Logo span {position: absolute; top: 0; left: 0; width: 193px; height: 55px; background: top left no-repeat; z-index: 5;}
		a#Logo span {cursor: pointer;}
	
	/* prihlasovaci formular */
	#EntryForm {width: 210px; position: absolute; top: 111px; left: 0; margin: 0; padding: 0 0 0 7px; white-space: nowrap;}
		#EntryForm legend {margin: 0; padding: 0 0 0 5px; border-left: 4px solid #F17D3D; font-size: .8em; color: #7F7F7F; position: absolute; top: 0; left: -7px;}
	
		#EntryForm input {font-size: .85em;}
			#EntryLogin,
			#EntryPass {width: 87px; height: 16px; border: 1px solid #A3A3A3; color: #B2B2B2; padding-left: 2px; position: absolute; top: 15px;}
			
				#EntryLogin {left: 8px;}
				#EntryPass {left: 105px;}
			
			
			#EntrySubmit {position: absolute; top: 15px; left: 200px;}
				/*#EntryForm fieldset>#EntrySubmit {top: 1px;}*/
	
	#EntryInfo {font-size: .85em; width: 210px; position: absolute; top: 121px; left: 0; margin: 0; padding: 0; white-space: nowrap;}
		#EntryInfo span {border-left: 3px solid #E85200; padding: 0 5px 0 8px; }
		#EntryInfo a {color: #EEA37A; padding: 0 0 0 5px; position: relative;}
			#EntryInfo a:hover {color: #00583D;}
		#EntryInfo #LogoutArrow {position: absolute; border: none; top: -.1em; left: 5em;}

/* end: header */


/* top menu */
#TopMenuArea {width: 100%; height: 43px;}

#TopMenu {width: 750px; height: 43px; background: #fff url(/img/bgr-top-menu.png) top left repeat-x; position: absolute; top: 150px; left: 0; text-align: left; margin: 0 0;}
	#TopMenu ul {margin: 0; padding: 0;}
	#TopMenu li {margin: 0; padding: 0;}

/* end: top menu*/


/* footer */
#Footer {background-color: #eee; position: absolute; left: 0; bottom: 1px; width: 100%; height: 37px; border-top: 1px solid #bebebe;}
	body>#Footer {position: fixed; bottom: 0;}

	#FooterIn {position: relative; width: 750px; height: 36px; line-height: 37px; margin: 0 auto; font-size: 0.65em; color: #606060; text-align: left; overflow: hidden;}
		#FooterIn #mwd {position: absolute; top: 0; right: 0; color: #E75A04;}
		#FooterIn .magiced {margin: 0 15em 0 0;}
/* end: footer*/


/* content area */
#ContentArea {background: top left no-repeat; margin: 5px 0 0 0;}
	#ContentArea.HomePage {margin: 0;}
/* content area */

/* content */
#Content {position: relative; overflow: hidden;}
#Content.Small {width: 547px; float: right;}
#Content.Full {width: 750px;}
.partner #Content { width: 100%; }


	ul#SignPost {margin: 0; padding: 0; list-style-type: none;}
		.HomePage ul#SignPost {margin: 5px 0 0 0;}

	ul#SignPost li {width: 270px; padding: 0; margin: 0;}


		ul#SignPost a {background: #E85200 url(/img/brg-signpost-small.png) bottom left no-repeat !important; text-transform: uppercase; font-weight: bold; font-size: 1.3em; color: #fff; text-decoration: none; display: block; width: 270px; height: 38px; text-align: center; font-family: sans-serif;  overflow: hidden;  line-height: 38px;}
			.HomePage ul#SignPost a {height: 85px; line-height: 85px;}
			ul#SignPost a span {color: #000;}

		ul#SignPost a:hover {color: #000;}
			ul#SignPost a:hover span {color: #fff;}

		ul#SignPost p {padding: .5em;}

		#LeftLink {float: left;}
		#RightLink {float: right;}


	#HeaderArea {position: relative;}
		#HeaderArea h1.Layout {font-size: 1.25em; margin: 1em 0 .5em; padding: 0 4em 2px 10px; border-bottom: 1px solid #E85200; position: relative; background: url(/img/bgr-page-heading.png) bottom left no-repeat;}
			#HeaderArea h1.Layout span {display: block; position: absolute; top: 0; left: -10px; width: 4px; height: 5px; background-color: #fff;}
				#HeaderArea h1.Layout>span {left: 0;}

	.partner #HeaderArea h1.Layout{ margin-top: 0; }
	.partner	#HeaderArea h1.Layout span {display: none; }
	
		#PrintLink {position: absolute; display: block; right: 0; top: .7em; font-size: .8em; color: #E85200; text-decoration: none; background: #fff url(/img/icon-print.png) 3px .2em no-repeat; padding: 0 0 0 25px;}
			#PrintLink:hover {color: #00583D;}
	
	
	.Perex {font-weight: bold; margin: .5em 0 1em;}


/* end: content */


/* left boxes */
#LeftBoxes {width: 197px; float: left; text-align: center;}
	#Page>#LeftBoxes {padding-bottom: 45px;}
	
	.HomePage #LeftBoxes {padding: 83px 0 0 0;}
	
	#LeftBoxes .magiced {margin: 0 6px; width: 185px; overflow: hidden; font-size: .85em; text-align: left;}
	
	#BoxWithBgr {background: #F0F0F0 url(/img/bgr-left-box-grey.png) bottom left repeat-x; padding: 15px 0 20px;}

	.OrangeBox {background: #E85200 bottom left no-repeat; height: 91px; margin: 0 0 9px; padding: 0; text-align: left;}
		#LeftBoxes>.OrangeBox {height: auto; min-height: 91px;}

		.OrangeBox h2.Layout {width: 145px; height: 21px; position: relative; left: 56px; margin: 0; padding: 0; background-color: #C1C1C1; font-size: .8em; text-transform: uppercase; color: #fff; font-weight: bold; text-align: right; overflow: hidden;}
			.OrangeBox h2.Layout span {background: top left no-repeat; _z-index: 5; display: block; position: absolute; top: 0; left: 0; width: 145px; height: 21px;}
	
		.OrangeBox .magiced {padding: .5em 0; color: #fff;}
			.OrangeBox .magiced p {margin: .5em 0 .3em; padding: 0;}
		
		#EmailInfoForm {position: relative;}
		#EmailInfoCheckIn {font-size: .8em; color: #868383; font-style: italic; height: 16px; width: 148px; border: 1px solid #ADADAD; padding: 2px 5px 0 5px;}
		#EmailInfoCheckInBtn {position: absolute; top: 2px; right: 0;}
			#EmailInfoForm>#EmailInfoCheckInBtn {top: 1px;}

		#Registration {position: relative;}
			#Registration a {display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
				#Registration a span {position: absolute; left: -5000px;}
	
	.LeftBox {background: url(/img/bgr-left-box.png) bottom left no-repeat; padding: 0 0 8px; margin: 1em 0;}
		.LeftBox h2.Layout {font-size: .85em; position: relative; top: -1px; left: 4px; margin: 0; padding: 2px 5px 2px 0; font-weight: normal; text-align: right; text-transform: uppercase; border: 1px solid #C1C1C1; border-width: 0 1px 1px 0; background-color: #fff; width: 190px; overflow: hidden;}
		.LeftBox .magiced {color: #818181;}
			.LeftBox .magiced p {margin: .5em 0 0; padding: 0;}
		
/* end: left boxes */

/* left menu */
#LeftMenu {background: #F0F0F0 url(/img/bgr-left-box-grey.png) bottom left repeat-x; padding: 0 0 30px; margin: 0 0 10px;}
	#LeftMenu ul {margin: 0; padding: 0 0 .8em 0; list-style-type: none; border: 1px solid #F17D3D;}
	#LeftMenu li {margin: 0 0 0 18px; padding: 0; text-align: right; border-bottom: 1px solid #F0E1D8;}
		 #LeftMenu a {color: #585858; font-size: .85em; text-decoration: none; display: block; padding: 2px 5px 2px;}
		 #LeftMenu a:hover {color: #fff; background-color: #F17D3D;}
/* end: left menu */


/* homepage */
#InfoTechBox {border-top: 1px solid #00583D;}
	
	
	#InfoTechBox h2.Layout {font-size: 1em; margin: .2em 0 .5em; padding: 0 4em 2px 10px; border-bottom: 1px solid #E85200; position: relative; background: url(/img/bgr-page-heading.png) bottom left no-repeat;}

	#Consecution,
	#Equipment {float: left; width: 269px;}


		#Consecution ul {list-style-type: none; margin: 0; padding: 0;}
			#Consecution li {margin: 0; padding: 0 0 1em 48px; background: url(/img/bgr-list-consecution.png) top left no-repeat; height: 41px; font-size: .85em; color: #797979;}
			#Consecution>ul li {min-height: 41px; height: auto;}
			
				#Consecution li h3 {font-size: 1em; margin: 0; padding: 0; color: #000;}
					#Consecution li h3 a {color: #000;}
			
			#Consecution li .arrow {position: relative; top: -.1em;}

	#Equipment {margin: 0 0 0 9px;}
		#Equipment ul {list-style-type: none; margin: 0; padding: 0;}
			#Equipment li {margin: 0 0 .5em; padding: 0 0 1em 0; font-size: .85em; background-image: none; border-bottom: 1px solid #FADCCC;}
			
		#Equipment .EquipInfo {float: left; padding: 0 0 0 10px; width: auto;}

			#Equipment h3.Layout {margin: 0; padding: 0 0 .5em 10px; font-size: 1em; color: #00583D; position: relative; left: -10px; background: url(/img/bgr-page-heading.png) bottom left no-repeat; }

			#Equipment li .EquipData {display: block; text-align: right; color: #E85200; margin: 0 0 .5em; padding: 0; width: auto;}
			
		
		#Equipment .arrow {display: block; text-align: right;}
			#Equipment .arrow img {position: relative; top: -.1em; left: -3px;}

		
		#Equipment .FotoAndDetail {width: 99px; overflow: hidden; float: right; height: 100%;}
			#Equipment .FotoAndDetail img.DetailEquip {border: 1px solid #F9D0BA;}
			
/* end: homepage */



/* forms */
.FormsTable {width: 100%; border-spacing: 0px; border-collapse: collapse; table-layout: auto; margin: 1em 0;}

	.FormsTable td, .FormsTable th {padding: 3px 2px 3px 8px;}

	.FirstRow td, .FirstRow th {background-color: #F5F6F7;}
	.SecondRow td, .SecondRow th {background-color: #E7EDEC;}
	.HeaderRow td, .HeaderRow th {
		background-color: #ABC9C1;
		border-top : 1px dashed #E85200;
	}
	
	.Help {width: 25px; text-align: center; padding: 3px 0;}
	
	.Highlight {font-weight: bold;}
	
	.WithRightSpace {padding-right: 1.5em;}
	.WithLeftSpace {padding-left: 1.5em;}
	
	/*select {width: 191px;}*/
	select {width: 100px;}
	
	.InputText {width: 87px; border: 1px solid #A3A3A3; padding: 0 2px 0 3px;}
	
	.SubmitArea {
		text-align: right;
		margin-bottom : 15px;
	}

	.Missout {color: #c00;}
	
/* kalkulace */
	form#calc table {
		table-layout : fixed;
	}
	form#calc *.cell-1 {
		width : 25%;
	}
	form#calc *.cell-2 {
		width : 69%;
	}
	form#calc *.cell-3 {
		width : 6%;
	}
	select#calc-format {
		float : left;
		margin-right : 10px;
	}
	select#calc-papir_nazev,
	select#calc-papir_obalky_nazev,
	select#calc-papir,
	select#calc-personalizace {
		width : 204px;
	}
	
	select#calc-papir {
		width: 275px;
	}
	
	select#calc-lamino, select#calc-oka {
		width: auto;
	}
	
	
	select#calc-vazba, 
	select#calc-dokoncovaci_prace, 
	select#calc-dokoncovaci_prace_obalka, 
	select#calc-vazba_v1,
	select#obj-doprava,
	select#calc-strana_vazby,
	select#obj-platba {
		width : 150px;
	}
	
	select#obj-platba,
	select#obj-doprava,
	select#obj-predani {
		width: 200px;
	}
	
	#custom-format {
		font-size : 90%;
	}
	#custom-format input {
		width : 25px;
	}
	th#calc-label-obalka, div#calc-vnitrek {
		font-size : 110%;
		letter-spacing : 5px;
	}
	
	input#savecalc-nazev {
		width : 200px;
	}
	.tooltip-box {
		position : relative;
		padding-right : 10px;
	}
	.tooltip-box img {
		cursor : help;
	}
	
	.tooltip {
		position : absolute;
		z-index : 5;
		display : none;
		width : 200px;
		padding : 5px;
		border : 1px solid #A3A3A3;
		background-color : #FFFFF0;
		font-size: 80%;
	}
	.tooltip.show {
		display : block;
	}
	a.FormsSubmit, input.FormsSubmit {
		display : block;
		width : 100px;
		height : 19px;
		margin : 0 0 0 auto;
		color : #E85200;
		font-weight: bold;
		background-color: #EAEAEA;
		background-image: url(../img/arrow_submit.gif);
		background-repeat: no-repeat;
		background-position: right;
		text-align: right;
		text-decoration: none;
	}
	a.FormsSubmit span {
		padding-right : 25px;
	}
	input.FormsSubmit.long, input.FormsSubmitBack.long  {
		width : 180px;
	}
	a.FormsSubmitBack, input.FormsSubmitBack {
		display : block;
		width : 150px;
		height : 19px;
		margin : 0 auto 0 0;
		color : #E85200;
		font-weight: bold;
		background-color: #EAEAEA;
		background-image: url(../img/arrow_back.gif);
		background-repeat: no-repeat;
		background-position: left;
		text-align: left;
		text-decoration: none;
	}
	a.FormsSubmitBack span {
		padding-left : 25px;
	}
	
	input.FormsSubmit, input.FormsSubmitBack {
		font-family : Tahoma, "Lucida Grande CE", lucida, sans-serif;
		border : 0 none;
		text-align : center;
		cursor: pointer;
		cursor: hand;
	}
	
	/* upravy pro tabulku s cenami */
	table.FormsTable.cena {
		border : 1px solid #F17D3D;
	}
	table.FormsTable.cena th {
		text-align : right;
		font-size : 90%;
		padding: 2px 2px 1px 8px;
	}
	table.FormsTable.cena td {
		text-align : left;
		font-size : 90%;
		padding: 2px 10px 2px 8px;
	}
	.SubmitArea.cena {
		text-align : right;
	}

	/* upravy pro tabulku nakladove ceny */
	table.FormsTable.cena.naklad td,
	table.FormsTable.cena.naklad th {
		background-color: #F17D3D;
	}
	table.FormsTable.cena.naklad td.nakladInfo {
		text-align: center;
		color: white;
	}
	
	/* upravy pro tabulku s ofset formikem */
	table.FormsTable.ofset {
		border : 1px solid #00593D;
	}
	
	.error {
		margin : 5px 5px;
		color : red;
		font-weight : bold;
	}
/* end: forms */

div#vypis-slev {
	margin : 5px;
}
div#vypis-slev * {
	text-align : left;
}
div#vypis-slev ul {
	margin : 0;
	padding : 0;
	list-style-type: none;
}
div#vypis-slev li {
	margin-left : 10px;
	font-style: italic;
}
div#vypis-slev div {
	margin-top : 10px;
}


/* register */
	.FormsTable.Register .InputText {width: 137px;}
	.FormsTable .InputText.LargerSize {width: 275px;}
	.FormsTable textarea {
		border : 1px solid #A3A3A3;
		padding: 0 2px 0 3px;
	}
	.FormsTable textarea.LargerSize {
		width: 275px;
		height: 150px;
	}
/* end: register */


/* paging */
	.Paging {text-align: right; margin: 1em 0;}
		.Paging a,
		.Paging a:visited {text-decoration: underline;}
	
			.Paging a:hover {text-decoration: underline;}
			
			.Paging a.Selected,
			.Paging a.Selected:visited {color: #E85200; text-decoration: none;}
	
				.LeftArrowEnd {margin: 0 5px 0 0;}
				.LeftArrow {margin: 0 8px 0 0;}
				.RightArrow {margin: 0 0 0 8px;}
				.RightArrowEnd {margin: 0 0 0 5px;}

	.CountPage {font-size: .85em; padding: 0 0 0 .5em;}
/* end: paging */

.LinkBack {text-align: right;}

div.magiced {
	margin : 0 10px;
}
.partner div.magiced {
	margin: 0;
}


/* --------zmena paticky---------- */
#superpage {
	position : relative;
}

#superpage #page {
	padding-bottom : 57px;
}

#superpage #footer {
	bottom : 0;
}




/* banner */
	#homeBanner {width: 547px; height: 80px; overflow: hidden; margin: 0 0 25px 0;}
/* end: banner */




#upload, #email, #ftp {display: none;}

#row-lamino, #row-oka {
	display: none;
}

/* formular */
.formular fieldset {
	border: 1px black solid;
	margin-bottom: 15px;
}

.formular fieldset legend {
	color: black;
	font-weight: bold;
}

.formular fieldset table td {
	vertical-align: top;
	padding: 5px;
}

.formular fieldset table td label {
	width: 200px;
	display: block;
}

.formular fieldset table td label.error {
	color: red;
	padding: 0;
	margin: 0;
}


.formular fieldset table td input, .formular fieldset table td textarea, .formular fieldset table td select {
	width: 260px;
}

.formular fieldset table td input.submit {
	width: auto;
}

.formular fieldset table td textarea {
	height: 150px;
}