/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 *
 * CHECKOUT.CSS: - styly pro pokladnu
 *               - checkout styles
 *
 * version: 1.0.0 / ecp 1.3
 * author: OV
 * email: vetesnik@ebrana.cz
 * media: screen
 *
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
	
	/* * * * * *  obecně / common  * * * * * */
	.pokladna .krok														{ margin: 1em 0; }
	.pokladna .krok fieldset											{ margin: 0; padding: 1.333em; background: white; }
	.pokladna .krok fieldset input[type="checkbox"],
	.pokladna .krok fieldset input[type="radio"]					{ border: none; }
	.pokladna .hotovo fieldset											{ border-color: #62bd12; }
	.pokladna .hotovo fieldset legend								{ padding-right: 39px; color: white; background: #62bd12 url(../images/default/pokladna_hotovo.gif) 100% 0 no-repeat; }
	.pokladna .aktivni fieldset										{ border-color: #ff0000; }
	.pokladna .aktivni fieldset legend								{ color: white; background: #ff0000; }
   .pokladna a.left														{ float: left; }
	.pokladna a.right														{ float: right; }
	
	/* * * * * *  košík / basket  * * * * * */ 
	.pokladna .kosik fieldset table									{ width: 100%; }
	.pokladna .kosik fieldset table th,
	.pokladna .kosik fieldset table td								{ padding: 6px 8px; vertical-align: middle; }
	.pokladna .kosik fieldset table th.right,
	.pokladna .kosik fieldset table td.right						{ text-align: right; }
	.pokladna .kosik fieldset table th.mnozstvi,
	.pokladna .kosik fieldset table td.mnozstvi					{ width: 23%; white-space: nowrap; }
	.pokladna .kosik fieldset table th.cena,
	.pokladna .kosik fieldset table td.cena						{ width: 12%; }
	.pokladna .kosik fieldset table th.smazat,
	.pokladna .kosik fieldset table td.smazat						{ width: 12%; }
	.pokladna .kosik fieldset table thead th						{ background: #f1f1f1; }
	.pokladna .kosik fieldset table tbody th,
	.pokladna .kosik fieldset table tbody td						{ border-bottom: solid 1px #f2f2f2; }
	.pokladna .kosik fieldset table tr.phe,
	.pokladna .kosik fieldset table tr.sleva						{ font-size: 0.916em; color: #999999; }
	.pokladna .kosik fieldset table tr.postovne th,
	.pokladna .kosik fieldset table tr.postovne td				{ border-bottom-color: #dadada; }
	.pokladna .kosik fieldset table tr.celkem th,
	.pokladna .kosik fieldset table tr.celkem td					{ border-top: solid 1px #dadada; border-bottom: none; }
	
	.pokladna .kosik fieldset table td input						{ vertical-align: middle; }
	.pokladna .kosik fieldset table td input.upravit			{ padding: 2px 4px; font-family: Arial, Helvetica, sans-serif; font-size: 0.916em; color: black; border: outset 2px #d4d0c8; background: #d4d0c8; }
	.pokladna .kosik fieldset table td input.upravit:active	{ border-style: inset; }
	
	.pokladna .kosik fieldset table td.smazat a					{ float: left; padding: 0 0 0 18px; background: url(../images/icons/ico_delete.gif) 0 1px no-repeat; }
	.pokladna .kosik fieldset table td #stav span.ok			{ display: block; padding: 2px 0 2px 24px; color: green; background: url(../images/icons/ico_success.gif) 0 0 no-repeat; }
	.pokladna .kosik fieldset p.odstranit							{ margin: 1em 0 0; text-align: right; }
	.pokladna .kosik fieldset p.odstranit input.submit			{ padding: 0; font-weight: normal; font-size: 0.916em; border: none; border-bottom: solid 1px #F58220; color: #F58220; background: none; }
	
	
	/* * * * * *  adresa / address  * * * * * */ 
	.pokladna .adresa														{ position: relative; width: 100%; }
	.pokladna .adresa fieldset											{ background: url(../images/default/krabice.jpg) 100% 29px no-repeat; }
	.pokladna .adresa fieldset p										{ width: 305px; margin: 0 0 8px; text-align: left; }
	.pokladna .adresa fieldset p:after								{ display: block; clear: both; content: " "; }
	.pokladna .adresa fieldset p label .text						{ float: left; width: 150px; }
	.pokladna .adresa fieldset p label .cislo						{ float: right; margin-top: 2px; padding: 0 2px 0 4px; font-size: 0.916em; font-weight: bold; color: #6c6c6c; background: #d9d9d9; }
	.pokladna .adresa fieldset p label .krabice					{ position: absolute; top: 106px; right: 128px; width: 10px; height: 11px; }
	.pokladna .adresa fieldset p span.errinfo						{ display: block; margin-left: 150px; }
	.pokladna .adresa fieldset p.k2 label .krabice				{ top: 117px; }
	.pokladna .adresa fieldset p.k3 label .krabice				{ top: 128px; }
	.pokladna .adresa fieldset p.k4 label .krabice				{ top: 139px; }
	.pokladna .adresa fieldset p input								{  }
	.pokladna .adresa fieldset p select								{ width: 130px; }
	.pokladna .adresa fieldset p.k4 input							{  }
	
	
	/* * * * * *  doručení a platba / delivery and payment  * * * * * */ 
	.pokladna .doruceni fieldset ul,
	.pokladna .platba   fieldset ul									{ width: 100%; margin: 0; }
	.pokladna .doruceni fieldset ul									{ margin-bottom: 1em; }
	.pokladna .doruceni fieldset ul:after,
	.pokladna .platba   fieldset ul:after							{ display: block; clear: both; content: " "; }
	.pokladna .doruceni fieldset ul li,
	.pokladna .platba   fieldset ul li								{ display: inline; float: left; margin: 0 10px 0 0; padding: 0; background: none; }
	.pokladna .doruceni fieldset ul li *,
	.pokladna .platba   fieldset ul li *							{ vertical-align: middle; }
	.pokladna .doruceni fieldset ul li input,
	.pokladna .platba   fieldset ul li input						{ margin-right: 1px; }
	
	.pokladna .doruceni fieldset p									{ clear: both; width: 100%; margin: 0 0 8px; text-align: left; }
	.pokladna .doruceni fieldset p:after							{ display: block; clear: both; content: " "; }
	.pokladna .doruceni fieldset p label							{ float: left; width: 150px; }
	
	
	/* * * * * *  dokončení / finish  * * * * * */ 
	.pokladna .dokonceni fieldset .info								{ display: inline; float: right; width: 35%; padding: 14px 22px 10px 63px;
																				  background: #f4f4f4 url(../images/default/pokladna.gif) 0 0 no-repeat; }
	.pokladna .dokonceni fieldset .info h2							{ margin: 0 0 1em; font-size: 1em; line-height: 2em; font-weight: bold; color: black; }
	.pokladna .dokonceni fieldset .info p							{ line-height: 2em; }
	
	.pokladna .dokonceni fieldset .formular						{ display: inline; float: left; width: 48%; }
	.pokladna .dokonceni fieldset .formular p						{ margin: 0 0 1em; text-align: left; }
	.pokladna .dokonceni fieldset .formular p label				{ display: block; padding-bottom: 1px; }
	
	/* *  email & tel  * */
	.pokladna .dokonceni fieldset .formular p.email				{ display: inline; float: left; width: 45%; }
	.pokladna .dokonceni fieldset .formular p.tel				{ display: inline; float: right; width: 45%; }
	
	.pokladna .dokonceni fieldset .formular p.email input,
	.pokladna .dokonceni fieldset .formular p.tel input		{ width: 93%; }
	
	/* *  poznámka / textarea  * */
	.pokladna .dokonceni fieldset .formular p.text				{ clear: both; width: 100%; }
	.pokladna .dokonceni fieldset .formular p.text textarea	{ width: 97%; }
	
	/* *  celkem / total  * */
	.pokladna .dokonceni fieldset .formular p.celkem			{  }
	
	/* *  podmínky / terms  * */
	.pokladna .dokonceni fieldset .formular p.podminky			{ font-size: 0.916em; }
	.pokladna .dokonceni fieldset .formular p.podminky input,
	.pokladna .dokonceni fieldset .formular p.podminky .text	{ vertical-align: middle; }
	.pokladna .dokonceni fieldset .formular p.podminky input	{ margin-right: 1px; }
	.pokladna .dokonceni fieldset .formular p.podminky label	{ display: inline; padding: 0; }
	
	/* *  submit  * */
	.pokladna .dokonceni fieldset .formular p.submit			{ margin-bottom: 0; }
	
	
	/* * * * * *  objednávka / order  * * * * * */
	.objednavka									{ width: 100%; }
	.objednavka .column_left				{ display: inline; float: left; width: 68%; margin: 0 0 1.5em; }
	.objednavka .column_right				{ display: inline; float: right; width: 30%; margin: 0 0 1.5em; }
	.objednavka .krok							{ margin: 0 0 1.5em; font-size: 1.083em; }
	.objednavka .krok h2						{ color: black; font-size: 1em; margin: 0; padding: 0.5em 1.5em; border: solid 1px #dadada; border-bottom: none; background: #eee; }
	.objednavka .krok p,
	.objednavka .krok ul						{ margin-top: 0; }
	.objednavka .krok ul.nm					{ margin-top: 0; margin-bottom: 0; }
	.objednavka .krok address				{ margin: 0; }
	.objednavka .krok .border				{ padding: 11px 17px 8px; border: solid 1px #dadada; border-top: none }
	.objednavka .krok table.w100			{ width: 100%; }
	.objednavka .krok table th				{ padding: 4px 6px; font-size: 1em; text-align: left; vertical-align: top; border-top: solid 1px #dedede; border-bottom: solid 1px #dedede; background: white; }
	.objednavka .krok table td				{ padding: 4px 6px; font-size: 1em; text-align: left; vertical-align: top; border-top: solid 1px #dedede; border-bottom: solid 1px #dedede; background: white; }
	.objednavka .krok table td.celkem_row,
	.objednavka .krok table th.celkem_row					{ padding: 4px 6px; font-size: 1em; text-align: left; vertical-align: top; border-top: solid 1px #BFD4E8; border-bottom: solid 1px #BFD4E8; background: #DAE7F3; color: black; }
	.objednavka .krok table thead th.thead_th				{ padding: 4px 6px; font-size: 1em; text-align: left; vertical-align: top; border-top: solid 1px #BFD4E8; border-bottom: solid 1px #BFD4E8; background: #DAE7F3; color: black; }
	.objednavka .krok table thead th.thead_th_no_bg		{ border-top: none; }
	.objednavka .krok table th.right,
	.objednavka .krok table td.right							{ text-align: right; }
	.objednavka .krok table th.mnozstvi,
	.objednavka .krok table td.mnozstvi						{ text-align: center; }
	
	.objednavka .stav h2,
	.objednavka .splatky h2					{ border: solid 1px #BFD4E8; border-bottom: none; background: #DAE7F3; }
	.objednavka .stav .border,
	.objednavka .splatky .border			{ border-color: #BFD4E8; }
	.objednavka .stav .text_float_left	{ display: inline; float: left; width: 75%; }
	.objednavka .stav p.p_info				{ padding: 0.5em; background: #eee; }
	.objednavka .stav table					{ float: right; width: 23%; }
	
	.objednavka .navigace a.zpet			{ float: left; }
	.objednavka .navigace a.dale			{ float: right; font-size: 1.2em; font-weight: bold; }
	.objednavka .navigace input.sub		{ float: right; }
  
  .objednavka .elemErr  { border: 1px solid red; background-color: red; color: white; }
  .objednavka .err      { color: red; font-weight: bold; }
	
	/* * * * * *  moje údaje / my account  * * * * * */
	.mojeUdaje   fieldset,
	.zmenitHeslo fieldset					{ margin: 0; }
	.mojeUdaje   fieldset p,
	.zmenitHeslo fieldset p					{ width: 100%; margin: 0 0 2px; text-align: left; }
	.mojeUdaje   fieldset p:after,
	.zmenitHeslo fieldset p:after			{ display: block; clear: both; content: " "; }
	.mojeUdaje   fieldset p label,
	.zmenitHeslo fieldset p label			{ float: left; width: 110px; padding: 2px 0 0; }
	.zmenitHeslo fieldset p label			{ width: 140px; }
	.mojeUdaje   p.submit input,
	.zmenitHeslo p.submit input			{ padding: 0; border: none; }