/** 
 *
 * CP Online Css file 
 *
 * @author tminar
 *
 */

/** Styl pro jednotlive elementy v celem dokumentu **/
body {
  margin: 0;
  padding: 0;
  background: #fff;
  font-family: Arial;
  font-size: 12px;
  font-weight: normal;
}
#gwt-app{
    margin: 0 auto;
}
.hlavniContainer {
	margin: 10px 20px;
	border: 2px solid black;
  width: 760px;
  background-color: #F6F6F6;
  float:left;
}
img {
  border: none
}

input, select, option, button {
  font-size: 12px;
  font-family: Arial;
}
input {
  height: 14px;
  padding: 1px 1px;
}
select {
  height: 20px;
}

fieldset {
  margin: 5px;
  padding: 5px 5px;
  border-width: 2px;
}

fieldset legend {
  color: #000;
}

INPUT.chckRadio,img.space {
  width: 14px;
  margin-left: 16px;
  margin-right: 6px;
}

INPUT.dropdown {
  width: 14px;
  margin-left: 2px;
  margin-right: 6px;
}

/** GWT-related styly */
.gwt-Button, .gwt-RadioButton, .gwt-ListBox, .gwt-TextBox, .gwt-SuggestBox {
	margin: 0 5px 3px 0;
}

/** Preloader */
.preloader {
  font-family: verdana;
  font-size: var(--font-13);
  font-weight: bold;
  text-align: right;
  border: 2px solid black;
  color: black;
  background: url("images/workimage.gif") #a7a9ac no-repeat center left;
  padding: 10px 5px 10px 40px;
  z-index: 999;
}

.gcomp-GlassPanel {
  	height: 100%;
  	width: 100%;
  	background-color: #000;
	filter: alpha(opacity=30);
	opacity: 0.3;
	position: fixed;
	top: 0%;
	left: 0%;
	z-index: 999;
	
	_background: none;
	_position: absolute;
	_top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
    /*_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/blackTransparent80.png',sizingMethod='scale');*/
}

.gwt-SuggestBoxPopup {
	background: white;
	border: 1px solid gray;	
}

.firstrow {
	border: 1px solid gray;
	font-weight: bold;
	background: gray;
	color: white;
}

/** Pro vsechny dialog boxy **/
.dialogTopLeftInner, .dialogMiddleLeftInner, .dialogBottomLeftInner,
.dialogTopRightInner, .dialogMiddleRightInner, .dialogBottomRightInner {
  display: none;
}
.gwt-PopupPanelGlass {
  background-color: #000;
  opacity: 0.3;
  filter: alpha(opacity=30);
  z-index: 2;

  _background: none;
  _position: absolute;
  _top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
}

/* pokud se panelu nastavi dostatecne velky z-index, prekryje celou stranku a na nic se neda kliknout*/
#gpanel {
	visibility: visible; 
	position: fixed;
	left: 0px;
	top: 0px;
	width:100%; 
	height:100%; 
	z-index: -1;
}

.gwt-SuggestBoxPopup .item-selected {
  background: #CCCCCC;
}

.nadpisSudy {
	text-align: center;
	font-weight: bold;
	padding: 5px;
	color: white;
	background-color: #f37421;
	margin-bottom: 5px;
}

.outerFormLichy {
    border: 2px solid #f37421;
    border-top-color: #f37421;
    border-left-color: #f37421;
    border-right-color: #f37421;
    margin:2px;
    background-color: white;
    color: #666565;
    width: 100%;
    border-radius: 4px 4px 4px 4px;
}

.outerFormLichy:hover{
	cursor: pointer;
	color: #666565;
}

.outerPanelLichyPreVyberAdresy {
	color: #666565;
}

.vyberAdresyOn:hover {
	color: #f37421;
}

/** Styl pro vyraznenou splatku **/
.vyraznenaSplatka {
	background: #90ee90;
	font-weight: bold;
}

/** Style pro zvyrazneny font **/
.boldFont {
	font-weight: bold;
}

/** Styly pro Dialog box tisku **/
.tiskDialogBox {
	background-color: #d7d7d7;
	border: 2px solid black;
	width : 750px;
}

.tiskOtazka {
  margin: 10px auto;
  text-align: center;
  font-size: var(--font-13);
  font-weight: bold;
}

.tiskInfo {
  margin: 10px auto;
  padding-left:10px;
  text-align: left;
}

.infoLab {
	width: 16px;
  height:16px;
  background: url('../images/info.gif') no-repeat;
  font-size: 0px;
}
.infoTip {
  background: #ffffe1;
  border: 1px solid black;
  text-align: justify;     
  font-size: var(--font-13);
}

.infoTipSport {
  background: #ffffe1;
  border: 1px solid black;
  text-align: justify;     
  font-size: var(--font-13);
  width:450px;
}

.infoTipLeft {
  background: #ffffe1;
  border: 1px solid black;
  text-align: left;     
  font-size: var(--font-13);
}
.infoTipRight {
  background: #ffffe1;
  border: 1px solid black;
  text-align: right;     
  font-size: var(--font-13);
}

.pojistnikTable td {
	/*padding-right: 20px;*/
	width:250px;
}

.preloader-online {
  border: 3px solid #888888;
  color: black;
  background: url("images/loading.gif") white no-repeat center left;
  padding: 10px 5px 10px 140px;
  z-index: 999;
  /*height:10em;*/
}

.preloader-online .Caption {
  font-family: verdana;
  font-size: var(--font-18);
  font-weight: bold;
  text-align: right;
  color: #666666;
  line-height:5em;
}

 .aright {
 	text-align: right;
 	padding-right: 40px;
 }
 
 
.gwt-RadioButton input,
.typDrziteleRb input,
.limitKrytiRb input,
.frekvencePlacniRb input { 
	border: 0px 
} 

 input {
	border-color:#7392B1 #F3F3F3 #F3F3F3 #7392B1;
	border-style:solid;
	border-width:1px;
 }
 
 .red {
 	color:red;
 }
 
 /** BEGIN Sytly pro AisGwtDialog + nase dialogove hlasky **/
.dialogTopLeftInner, .dialogMiddleLeftInner, .dialogBottomLeftInner,
.dialogTopRightInner, .dialogMiddleRightInner, .dialogBottomRightInner {
  display: none;
}
.aisGwtDialog {
	font-size: 11px;
	background-color: white;
	border: 2px solid black;
	z-index: 2;
}
.aisGwtDialog input, 
.aisGwtDialog button,
.aisGwtDialog select {
	font-size: 12px;
}
.aisGwtDialog .Caption {
	background-color: #900;
	border-bottom: 1px solid #999;
	font-weight: bold;
	padding: 5px 10px;
	text-align: left;
	cursor: default;
	color: white;
}
.aisGwtDialog .dialogButtonsDiv table {
	margin: 5px auto;
}
.dialogButtonsDiv {
	clear: both;
}
.dialogButtonsDiv .gwt-Button {
	/*margin-left: 20px; 
	margin-right: 20px;*/
}
.dialogErrorIco {
	background: transparent url(images/d_error.gif) no-repeat center center;
}
.dialogOkIco {
	background: transparent url(images/d_info.gif) no-repeat center center;
}
.dialogQuestionIco {
	background: transparent url(images/d_question.gif) no-repeat center center;
}
.dialogIcoLabel {
	float: left;
	height: 50px;
	width: 50px;
}
.dialogTextHtml {
	float: left;
	font-size: 12px;
	padding: 10px;
	width: 350px;
	font-size: 13px;
	text-align: justify;
}
/** END Sytly pro AisGwtDialog **/

/** BEGIN Styly pro strana modul - ponuka/seznam. **/
.gwt-DialogBox {
	z-index: 2;
}
.pocetZaznamu {
	position: relative;
	float: left;
	padding-left: 3px;
}
.cisloStranky {
	position: relative;
	float: right;
}
.pocetZaznamu span,
.pocetZaznamu select {
	display: block;
	float: left;
	clear: left;
}
.cisloStranky span,
.cisloStranky select {
	display: block;
	float: right;
	clear: right;
}
.seznamCtrl {
	height: 40px;
	background-color: #DDDDDD;
	border-bottom: 1px solid black;
}
.seznamTab {
	clear: both;
	width: 100%;
	border-collapse: collapse;
	margin-top: 10px;
}
table.seznamTab tr {
	border: 1px solid black;
	cursor: Pointer;
}
table.seznamTab tr:hover,
table.seznamTab tr.even:hover {
	background-color: #d7d9dc;
}
table.seznamTab tr.even {
	/*background-color: #efefef;*/
}
table.seznamTab tr.caption {
	background-color: #990000;
	cursor: Default;
	color: white;
}
table.seznamTab td {
	text-align: center;
	border-left: 1px dotted Gray;
	border-right: 1px dotted Gray;
	padding: 0 5px;
}
/** END Styly pro strana modul **/

/* BEGIN CSS Modul DatePicker */
.gwt-DatePicker {
  border: 1px solid #ccc;
  border-top:1px solid #999;
  cursor: default;
}

.gwt-DatePicker td,
.datePickerMonthSelector td:focus {
  outline: none;
}

.datePickerMonthSelector td:focus {
  outline: none;
}

.datePickerDays {
  width: 100%;
  background: white;
}

.datePickerMinMaxDay {
  background: red;
}

.datePickerDay,
.datePickerWeekdayLabel,
.datePickerWeekendLabel {
  font-size: 85%;
  text-align: center;
  padding: 4px;
  outline: none;
  font-weight:bold;
  color:#333;
  border-right: 1px solid #EDEDED;
  border-bottom: 1px solid #EDEDED;
}

.datePickerWeekdayLabel,
.datePickerWeekendLabel {
  background: #fff;
  padding: 0px 4px 2px;
  cursor: default;
  color:#666;
  font-size:70%;
  font-weight:normal;
}

.datePickerDay {
  padding: 4px 7px;
  cursor: hand;
  cursor: pointer;
}

.datePickerDayIsWeekend {
  background: #f7f7f7;
}

.datePickerDayIsFiller {
  color: #999;
  font-weight:normal;
}

.datePickerDayIsValue {
  background: #d7dfe8;
}

.datePickerDayIsDisabled {
  color: #AAAAAA;
  font-style: italic;
}

.datePickerDayIsHighlighted {
  background: #F0E68C;
}

.datePickerDayIsValueAndHighlighted {
  background: #d7dfe8;
}

.datePickerDayIsToday {
  padding: 3px;
  background: lightblue;
  /*background: url(images/hborder.png) repeat-x 0px -2607px;*/
}

.datePickerFrom {
  padding: 3px;
  background: lightgreen;
}

.datePickerMonthSelector {
  width: 100%;
  padding: 1px 0 5px 0;
  background: #fff;
}

.datePickerPreviousButton,
.datePickerNextButton,.datePickerPreviousYearButton,.datePickerNextYearButton {
  font-size: var(--font-14);
  line-height: 1em;
  color: #3a6aad;
  cursor: hand;
  cursor: pointer;
  font-weight: bold;
  padding: 0px 4px;
  outline: none;
}

td.datePickerMonth {
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  font-size: 100%;
  font-weight: bold;
  color: #333;
}

/*.gwt-DateBox {
  padding: 5px 4px;
  border: 1px solid #ccc;
  border-top: 1px solid #999;
  font-size: 100%;
}*/

.gwt-DateBox input {
  width: 8em;
}

.dateBoxFormatError {
  background: #ffcccc;
}

.dateBoxPopup {
}
/* END Modul DatePicker */

/** BEGIN CSS description **/
/** Styl pro povinnu polozku. **/
.field-required {
  background-color: #FBFABB;
}
.field-required .gwt-CheckBox input {
  background-color: #FBFABB;
}
/** Styl pro chybnou polozku. **/
.field-error {
/*   color: white; */
  background-color: red !IMPORTANT;
}
/** END CSS description **/

/** Styl pro panel s chybami a warningy **/
.errAndWarPanel {
  margin-bottom: 20px;
}
.displayNone {
	display: none;
}

/** BEGIN Styl pro chyby, warningy, okHlasky */
.errors {
  position: relative;
  top: 0;
  left: 0;
  color: #dc143c;
  font-weight: bold;
  font-size: 12px;
  margin: 5px;
  padding-left: 25px;
  background: url("images/error.gif") left center no-repeat;
}
.warnings {
  position: relative;
  top: 0;
  left: 0;
  color: #CC6600;
  font-weight: bold;
  font-size: 12px;
  margin: 5px;
  padding-left: 25px;
  background: url("../images/warning.gif") left center no-repeat;
}
.okMessage {
  position: relative;
  top: 0;
  left: 0;
  color: #00CC00;
  font-weight: bold;
  font-size: 12px;
  margin: 5px;
  padding-left: 25px;
  background: url("../images/ok.gif") left center no-repeat;
}
/** END Styl pro chyby, warningy, okHlasky */

/******************************* KONEC CSS pro modluly *******************************/ 


/******************************* POCATEK CSS pro APP onlinePZP2011 *******************************/

/** Styly pro celkovy vzhled-kontainer vsech obrazovek. **/
.krokHtml {
	margin:10px;
	font-weight:bold;
	font-size:13px;
}


/** Styly pro jednotlive obrazovky. **/
h1 {
	font-size: 13px;
	margin: 23px 0 10px 0;
	color: #9E0000;
	clear: both;
}

.radekBalik {
  position: relative;
  top: 0;
  left: 0;
  margin: 5px;
  padding-left: 25px;
  background: url("../images/ok.gif") left center no-repeat;
}


.uzemniPlatnostEuPart {
	display: block;
	float: left;
	width: 75px;
	height: 25px;
	text-align: left;
}

.uzemniPlatnostSvetPart {
	display: block;
	float: left;
	width: 75px;
	height: 25px;
	text-align: left;
}

.europaSvetInfoPart {
	display: block;
	float: left;
	width: 100px;
	height: 25px;
	text-align: right;
}

.ucelCestyTuristikaPart {
	display: block;
	width: 410px;
	height: 25px;
	text-align: left;
	clear: both;
}

.ucelCestyAupairPart {
	display: block;
	float: left;
	width: 410px;
	height: 25px;
	text-align: left;
	clear: both;
}

.ucelCestyAupairInfoPart {
	display: block;
	float: left;
	width: 100px;
	height: 25px;
	text-align: left;
}

.cspdtPart {
	display: block;
	float: left;
	width: 280px;
	height: 25px;
	text-align: left;
	clear: both;
	margin: 0px 0px 0px 25px;
}

.csprtPart {
	display: block;
	float: left;
	width: 280px;
	height: 25px;
	text-align: left;
	clear: both;
	margin: 0px 0px 5px 25px;
}

.cspdtPlatnostOdLabelPart,
.cspdtPlatnostDoLabelPart,
.csprtPlatnostOdLabelPart {
	display: block;
	float: left;
	height: 25px;
	width: 20px;
}


.udajePart3 input,
.balikPart2 span,
.balikPart2 input,
.poistnikPart1 span,
.poistnikPart1 input,
.poisteneOsobyLegenda span,
.poisteneOsobyLegenda .gwt-Label {
	display: block;
	float: left;
}

.udajePart4 span {
	display: block;
	float: left;
	width: 297px;
	height: 25px;
	text-align: left;
	margin: 0px 0px 0px 5px;
}

.cspdtPlatnostPart span,
.csprtPlatnostPart span {
	display: block;
	float: left;
	width: 20px;
	height: 25px;
	text-align: left;
}

.cspdtPlatnostPart,
.csprtPlatnostPart {
	display: block;
	float: left;
}

.cspdtPlatnostOdPart,
.cspdtPlatnostDoPart,
.csprtPlatnostOdPart {
	display: block;
	float: left;
	text-align: right;
	width: 100px;
}

.cspauPlatnostOdPart {
	display: block;
	float: left;
	text-align: left;
	width: 110px;
}

.cspdtPlatnostOdInfoPart,
.cspdtPlatnostDoInfoPart {
	display: block;
	float: left;
	width: 30px;
	height: 25px;
	text-align: left;
	margin: 0px 0px 0px 5px;
}


.cspauPlatnostOdLabelPart {
	display: block;
	float: left;
	text-align: right;
	clear: both;
	width: 55px;
	height: 25px;
	margin: 0px 5px 0px 33px;
}

.cspauPlatnost6MPart {
	display: block;
	float: left;
	width: 310px;
	height: 25px;
	text-align: left;
	margin: 0px 0px 0px 10px;
}

.cspauPlatnost12MPart {
	display: block;
	float: left;
	width: 275px;
	height: 25px;
	text-align: left;
	clear: both;
	margin: 0px 0px 0px 213px;
}

.krytiePart {
	display: block;
	float: left;
	width: 410px;
	height: 25px;
	text-align: left;
}

.krytieInfoPart {
	display: block;
	float: left;
	width: 50px;
	height: 25px;
	text-align: left;
}

.krytieDetailLabelStornoPart {
	display: block;
	float: left;
	height: 25px;
	width: 269px;
	text-align: left;
	clear: both;
	margin: 0px 0px 0px 33px;
}

.krytieDetailLabelEuroStornoPart {
	display: block;
	float: left;
	height: 25px;
	width:25px;
	text-align: left;
}

.krytieDetailCenaStornoPart {
	display: block;
	float: left;
	text-align: left;
	width: 70px;
	margin: 0px 5px 0px 0px;
}

.pocetOsobPart,
.pocetSportPart,
.pocetPracaPart,
.pocetSeniorPart {
	display: block;
	float: left;
	height: 25px;
	text-align: left;
	width: 108px;
}

.osobyInfoPart {
	display: block;
	float: left;
	width: 50px;
	height: 25px;
	text-align: left;
}


.poistnePart,
.nazovBalikaPart {
  font-family: Arial;
  font-size: 21px;
  line-height: 105%;
}

.poistnePart {
  font-weight: bold;
  display: block;
	float: left;
	width: 170px;
	height: 25px;
	clear: both;
	margin: 20px 0px 0px 0px;
}

.colorTextBalik1Part {
	color: #2478BF;
}

.colorTextBalik2Part {
	color: #565656;
}

.balikForm {
	/*width: 340px;*/
	margin: 10px;
	text-align: left;
}

.borderBalik1 {
	border: 1px solid #2478BF;
	margin: 10px 0px 10px 0px;
	background: #EFF5F9;
	width: 360px;
}

.borderBalik2 {
	border: 1px solid #565656;
	margin: 10px 0px 0px 15px;
	background: #EAEAEA;
}

.balikPripoisteniaPart {
	display: block;
	float: left;
	height: 25px;
	width: 200px;
	text-align: left;
	clear: both;
	margin: 20px 0px 0px 0px;
}

.balikPripoisteniePart {
	display: block;
	float: left;
	height: 25px;
	width: 165px;
	text-align: left;
	/*clear: both;*/
}

.balikInfoPart {
	display: block;
	float: left;
	width: 30px;
	height: 25px;
	text-align: right;
}

.zarovenPoisteny {
	display: block;
	float: left;
	width: 425px;
	height: 25px;
	text-align: left;
	clear: both;
	margin: 0px 0px 0px 10px;
}

.poistenaOsobaPart0 {
	text-align: left;
	font-weight: bold;
	height: 25px;
	display: block;
	float: left;
	clear: both;
	width: 425px;
	margin: 0px 0px 0px 10px;
}


.sport,
.praca,
.senior,
.poistenaOsobaPart1,
.poistenaOsobaPart2,
.poistenaOsobaPart3 {
	text-align: left;
	height: 25px;
	display: block;
	float: left;
	margin: 0px 0px 0px 10px;
}

.poistenaOsobaPart {
	padding: 10px 0px 0px 0px;
	width: 760px;
}

.poistnikPart,
.poisteneOsobyPart {
	display: block;
	float:left;
	width: 760px;
}

.poistnikPartStrana,
.poistenaOsobaPartStrana {
	display: block;
	float:left;
	width: 760px;
}

.poistnikPart h1,
.poistnikPart .PoistnikInfoPart {
	float: left;
	display: block;
	margin: 0px 0px 0px 10px;
	height: 25px;
}

.poistnikPart1 h1 {
	display: block;
	margin: 20px 0px 0px 10px;
	height: 30px;	
}

.poistnikPart1 {
	padding: 0px 0px 10px 0px;
	background: white;
	float: left;
	width: 760px;
}

.asistenciaVozidlaPart h1,
.opustenaDomacnostPart h1,
.opustenaDomacnostPart .opustenaDomacnostPartInfo {
	float: left;
	display: block;
	margin: 20px 0px 0px 10px;
	height: 30px;
}

.asistenciaVozidlaPart,
.opustenaDomacnostPart {
	clear: both;
	display: block;
	float: left;
	width: 760px;
	text-align: left;
}

.opustenaDomacnostPartRadio1,
.opustenaDomacnostPartRadio2 {
	float: left;
	display: block;
	margin: 0px 0px 0px 10px;
	height: 25px;
}

.opustenaDomacnostPartRadio1 {
	clear: both;
}

.asistenciaVozidlaPart1 {
	float: left;
	display: block;
	width: 106px;
	height: 25px;
	clear: both;
	text-align: right;
	margin: 0px 4px 0px 0px;
}

.asistenciaVozidlaPart2 {
	float: left;
	display: block;
	height: 25px;
}

.bydliste {
	display: block;
	float: left;
	width: 275px;
	height: 25px;
	text-align: left;
	clear: both;
	margin: 0px 0px 0px 10px;
}

.bydlisteInfo {
	display: block;
	float: left;
	width: 50px;
	height: 25px;
	text-align: left;
}

.opustenaDomacnostPartAdresa {
	clear: both;
	display: block;
	float: left;
	text-align: left;
	width: 640px;
}

.sumarizacePart1 .gwt-Label {
	font-weight: bold;
	color: #565656;
}

.sumarizacePart1 span {
	display: block;
	float: left;
	text-align: left;
	width:150px;
	clear: both;
}

.sumarizacePart2 ul {
	display: block;
	float: left;
	text-align: left;
	clear: both;
	margin: 20px;
}

.sumarizacePart3 {
	display: block;
	float: left;
	text-align: left;
	clear: both;
}

.wht {
	background:white;
}

.gr {
	background-color: #F6F6F6;
}







.sumarizaceForm,
.uvodForm,
.vypoctyForm,
.rekapitulaceForm {
 	margin: 10px;
}

.stranyPart {
	clear:both;
}
.stranyPart > div {
	clear:both;
	width:100%;
}

.vlastnikNazov { 
	float: left;
}

.drzitelNazov { 
	float: left;
}

.vlastnikNazov,
.vlastnikJe { 
	background-color: white;
}

.vlastnikNazov h1 {
	margin: 0px 0 5px 10px;
}

.drzitelNazov h1 {
	margin: 0px 0 0px 10px;
}

.vlastnikJe .vlastnikOtazka {
	float: left;
	width: 200px;
	text-align: right;
}


.vlastnikJe .vlastnikOtazka span{
	margin: 0px 0 5px 10px;
}


.vlastnikJe {
	float: left;
	height: 20px;
}

.drzitelJe {
	float: left;
	height: 20px;
	margin: 5px 0px 0px 10px;
}

.drzitelJe .drzitelOtazka {
	float: left;
	width: 120px;
	text-align: right;
}

.drzitelDite input {
	float: left;
	margin: 0px 0 5px 10px;
	height: 15px;
}
.drzitelDite .gwt-Label {
	float: left;
	width: 120px;
	text-align: right;
	height: 15px;
	margin: 0px 0 5px 10px;
}

.stranaPoistnik,
.stranaVlastnik,
.stranaDrzitel {
	float: left;
}

.stranaVlastnik { 
	background-color: white;
}

.vozidloPart1 h1,
.vozidloPart1 .icko {
	float: left;
	margin: 10px 0 5px 10px;
	height: 15px;
}

.vozidloPart2 span,
.vozidloPart2 .icko,
.vozidloPart2 .gwt-RadioButton,
.vozidloPart2 input {
	float: left;
	margin: 0px 0 5px 5px;
	height: 15px;
}

.vozidloPart2 .ecv {
	width: 165px;
	text-align: right;
}
.vozidloPart2 .gwt-RadioButton {
	width: 69px;
	text-align: left;
}
.vozidloPart2 .rightLabel {
	width: 100px;
	text-align: right;
}

.vozidloPart3 span,
.vozidloPart3 input {
	float: left;
	margin: 0px 0 5px 5px;
	height: 15px;
}
.vozidloPart3 span {
	text-align: right;
}

.vozidloPart3 span {
	width: 165px;
	text-align: right;
}
.vozidloPart3 .rightLabel {
	width: 100px;
	text-align: right;
}
.vozidloPart3 input {
	width: 160px;
}

.vozidloPart4 span,
.vozidloPart4 .gwt-Image,
.vozidloPart4 input {
	float: left;
	margin: 0px 0 5px 5px;
	height: 15px;
}
.vozidloPart4 span {
	width: 165px;
	text-align: right;
}
.vozidloPart4 .rightLabel {
	width: 80px;
	text-align: right;
}
.vozidloPart4 input {
	width: 160px;
}

.vozidloPart5 span,
.vozidloPart5 input {
	float: left;
	margin: 0px 0 5px 5px;
	height: 15px;
}
.vozidloPart5 span {
	width: 165px;
	text-align: right;
}
.vozidloPart5 .rightLabel {
	width: 100px;
	text-align: right;
}
.vozidloPart5 input {
	width: 160px;
}

.vozidloPart6 span,
.vozidloPart6 input {
	float: left;
	margin: 0px 0 5px 5px;
	height: 15px;
}
.vozidloPart6 span {
	width: 165px;
	text-align: right;
}
.vozidloPart6 .rightLabel {
	width: 100px;
	text-align: right;
}
.vozidloPart6 input {
	width: 160px;
}


.vozidloPart {
	width: 100%;
	background-color: white;
}

.vozidloPart2,
.vozidloPart3,
.vozidloPart4,
.vozidloPart5,
.vozidloPart6 {
	clear:both;
}

.druhVozidla select,
.uzemniRozsah select {
    float: left;
    margin: 0 0 0 2px;
}

.ucelPouziti select {
    float: left;
    margin: 0 0 0 2px;
    width: 350px;
}

.scoringPopis {
	font-weight: bold;
    margin: 23px 0 10px
}
.datumNarozeniDrzitele .gwt-HTML,
.pscDrzitele span,
.scoringOtazka .gwt-HTML {
    display: block;
	float: left;
	padding: 4px 0;
	margin: 0 0 0 5px;
	width: 590px;
}
.scoringOtazka span {
 	display: block;
	float: left;
	padding: 4px 0;
	margin: 0 0 0 5px;
	width: 50px;
}
.datumNarozeniDrzitele input,
.pscDrzitele input,
.ucelPouziti input,
.uzemniRozsah input {
	float: left;
	margin: 0 0 0 5px;
	width: 80px;
}

.vypoctyForm .udajePart1 {
    margin: 10px;
}
.upoutavka {
    clear: both;
    margin: 40px 0 20px 5px;
    color: red;
}
.upoutavka .gwt-Label {
    display: inline;
}
.bonusZaBezskodnyBeh,
.slevaZaScoring {
    color: green;
}
.pojistneRocniSeSlevou,
.pojistneLhutniSeSlevou {
	font-weight: bold;
	font-size: 14px;
        background-color: #696969;
        color:white;
        font-size:14px;
        font-weight:bold;
        height:30px;
}
.uzemniRozsah .gwt-ListBox {
    width: 215px;
}
.limitKryti .icko {
    padding-left: 22px;
}
.uzemniRozsah .icko {
    padding-left: 12px\9;  /* For IE6, IE7, IE8 */
    padding-left: 12px\0/; /* For IE8, IE9 */
}    
span.limitKrytiRb + span.limitKrytiRb {
    margin-left: 30px
}
.sumarizacePopis {
	margin:15px 5px;
	text-align:justify;
}
.vppCheckBoxy {
	margin: 15px 5px;
}
.vppCheckBoxy .gwt-CheckBox {
    display:block;
    margin-bottom:5px;
    width:700px;
}
.UDAJE {
	width: 764px; 
	height: 60px;
	background: url("images/krok_1_CP.png") white no-repeat center left;
	margin: 0px 20px;
}
.MODELACE {
	width: 764px; 
	height: 60px;
	background: url("images/krok_2_CP.png") white no-repeat center left;
	margin: 0px 20px;
}
.STRANY {
	width: 764px; 
	height: 60px;
	background: url("images/krok_3_CP.png") white no-repeat center left;
	margin: 0px 20px;
}
.REKAPITULACE {
	width: 764px; 
	height: 60px;
	background: url("images/krok_4_CP.png") white no-repeat center left;
	margin: 0px 20px;
}
.PLATBY {
	width: 764px; 
	height: 60px;
	background: url("images/krok_5_CP.png") white no-repeat center left;
	margin: 0px 20px;
}

#gwt-app input,
#gwt-app select {
  color:black;
}
#gwt-app table {
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
}

/** Styly pro tlacitka. **/
.buttonPart {
		float: right;
    clear: both;
    height: 33px;
    margin: 20px 60px 10px 5px
}

.buttonPartSum {
		float: right;
    height: 33px;
    margin: 20px 60px 10px 5px
}

.buttonPart + div {
	 clear: both;
   margin-bottom: 10px
}
.buttonPart button,
.buttonPartSum button,
.tiskPotrvzeniBtn,
.tiskSmlBtn,
.backHome,
.btnOpakuj {
  	padding: 0;
  	border: 0;
    font-size: 1em;
    color: transparent; /* Fix for Firefox */
    *padding-left:1000px;  /* Fix for Internet Explorer */
  	cursor: pointer; /* hand-shaped cursor */
  	cursor: hand; /* for IE 5.x */
}
.uvodForm .buttonPart button {
	width: 69px;
  	height: 31px;
	background: transparent url(images/krok1_nextBtn.png) no-repeat center top;
}

.balik2Btn {
	background: transparent url(images/produkt_R.png) no-repeat center top;
	padding: 0;
	border: 0;
	font-size: 1em;
	color: transparent;
	cursor: pointer;
	cursor: hand;
	*padding-left:1000px;  /* Fix for Internet Explorer */
	border-image: initial;
	height: 31px;
  width: 161px;
  display: block;
	float: left;
	margin: 15px 0px 0px 0px;
}
.balik1Btn {
	background: transparent url(images/produkt_G.png) no-repeat center top;
	padding: 0;
	border: 0;
	font-size: 1em;
	color: transparent;
	cursor: pointer;
	cursor: hand;
	*padding-left:1000px;  /* Fix for Internet Explorer */
	border-image: initial;
	height: 31px;
  width: 161px;
  display: block;
	float: left;
	margin: 15px 0px 0px 0px;
}
.balik1MagnusBtn {
	background: transparent url(images/potvrdit_produkt_G.png) no-repeat center top;
	padding: 0;
	border: 0;
	font-size: 1em;
	color: transparent;
	cursor: pointer;
	cursor: hand;
	*padding-left:1000px;  /* Fix for Internet Explorer */
	border-image: initial;
	height: 31px;
  width: 161px;
  display: block;
	float: left;
	margin: 15px 0px 0px 0px;
}

.inySposobBtn {
	background: transparent url(images/But_Iny_sposob.png) no-repeat center top;
	padding: 0;
	border: 0;
	font-size: 1em;
	color: transparent;
	cursor: pointer;
	cursor: hand;
	*padding-left:1000px;  /* Fix for Internet Explorer */
	border-image: initial;
	height: 31px;
  width: 112px;
  display: block;
	float: left;
	margin: 0px 0px 0px 314px;
}

.backBtn {
	width: 70px;
  	height: 33px;
	background: transparent url(images/backBtn.png) no-repeat center top;
}
.krok2NextBtn {
	width: 269px;
  	height: 31px;
  	margin-left: 330px;
	background: transparent url(images/krok2_nextBtn.png) no-repeat center top;
}
.krok3NextBtn {
	width: 273px;
  	height: 33px;
  	margin-left: 330px;
	background: transparent url(images/krok3_nextBtn.png) no-repeat center top;
}
.krok4NextBtn {
	width: 235px;
  	height: 31px;
  	margin-left: 330px;
	background: transparent url(images/krok4_nextBtn.png) no-repeat center top;
}
.tiskPotrvzeniBtn {
	width: 327px;
  	height: 29px;
	background: transparent url(images/tisk_potrvzeni.png) no-repeat center top;
}
.tiskSmlBtn {
	width: 293px;
  	height: 32px;
	background: transparent url(images/tisk_sml.png) no-repeat center top;
}
.backHome {
	width: 212px;
  	height: 31px;
	background: transparent url(images/backHome.png) no-repeat center top;
}
.btnOpakuj {
	width: 145px;
  height: 31px;
	background: transparent url(images/opakovatPlatbu.png) no-repeat center top;
}
#magnusDiv h2 {
    color: green;
    font-size: 20px;
    padding-left: 150px;
}
.inputHeslo{
	margin-left:50px;
}

.chbLabel {
    display: inline;
}

.iok, .iokVub {
	background-position:center center;
	background-repeat:no-repeat;
}

.iok {
	background-image:url(images/IconOk1.png);
}

.iokVub {
	background-image:url(images/IconOk1_vub.png);
}

	.ddn {
		display:none !important;
	}

@media screen and (max-width:480px) {
	.ddn {
		display:block !important;	
	}
}