
.formular {padding:0;margin:0;text-align:left}

.formular p{
clear: both;
margin: 2px 0 0;
padding: 0 0 0;
padding-left: 200px; /*width of left column containing the label elements*/
background-color: transparent;
/*height: 1%;*/
}

.formular p.input-form,
.formular p.textarea-form,
.formular p.textarea-form-velka  {
/*background-image: url(../../images/system/formular.input.png);*/
/*
background-position: 195px 0; 
padding-bottom: 10px; 
padding-top: 6px !important;
*/
}
.formular p.textarea-form {
/*background-image: url(../../images/system/formular.textarea.png);*/
}
.formular p.textarea-form-velka {
/*background-image: url(../../images/system/formular.textarea.velka.png);*/
}
.formular p.input-form input,
.formular p.textarea-form textarea,
.formular p.textarea-form-velka textarea{
padding:4px 5px;
margin:0 !important;
border:none;
background-color: #E5E5E5;
}

.formular div.label {
display:inline
}

.formular span.label,.formular div.label{
float: left;
margin-left: -200px; /*width of left column*/
width: 190px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
/*position: relative;
top: 4px;
left: 0px;*/
padding:4px 0 0;
display:block;
text-align: left;
}

.formular span.txt,.formular div.txt{
top: -5px
}

.formular span.txtAr{
text-align: right;
}

/*.formular input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
.formular input,.formular textarea { /*width of text boxes. IE6 does not understand this attribute*/
padding:4px 5px;
margin:0 !important;
background-image: url(../../images/system/pozadi.form.input.png);
background-position: 100% 100%;
border: none;
}
/*
.formular textarea{
width: 180px;
height: 50px;
}
*/
/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}

.formular .skupina {padding:25px 0 0}

.formular *.sirka {width:290px}
.formular .vyska {height:100px}
.formular .velka {width:412px;height:156px}
.formular input.cislo {width:60px}
.formular input.psc {width:42px}
.formular .sirka400 {width:400px}
.formular .prihlasit {width:100px}
.formular .vyskaVyssi {height:150px}

.dotaz {text-align:center;margin-top:15px}
.dotaz span {font-weight:bold}

.formular p.chckForm {
padding-left:200px;margin-left:0
}
.formular p.chckForm span{
display:block; float:none; width:100%; text-align:left; padding-left:0; margin-left:-60px; top: 0px;
}

.formular p.input-dlouhy input {
width: 347px !important;
border: none;
background-color: transparent /*red*/;
padding: 2px;
margin: 0;
}

.odeslani-out,
.odeslani-over {
background-color: #43687C;
color: #FFFFFF;
padding: 6px 10px 5px;
border: none;
text-decoration: none;
/*border-bottom:solid 1px #43687C;*/
cursor: pointer;
font-size: 9pt;
text-transform: capitalize;
/*background-image: url(../../images/system/dekorace.tlacitka.png);*/
/*background-position: left 50%;*/

	/*border:none;border-bottom:solid 1px #FFFFFF;margin:0;padding:2px 2px 2px 8px;background-color:transparent;color:#FF3399;font-size:9pt;cursor:pointer;background-image:url(../../images/system/pozadi.tlacitko.png);background-position:left 50%*/
}
.odeslani-over {text-decoration: underline}

