/* CSS Document */

/*
 * Aby formularz mial postac:
 * etykieta - kontrolka
 *
 * nalezy dodac:
 *
 * display: inline;
 * float:left;
 * width:180px;
 *
 * do
 * #form_auto  label
 *
 */

/* FORM */

#form_auto {

    padding:10px 38px 0 35px;

}

#form_auto  p {
    width: 225px;
    display: block;
    margin: 5px 5px 5px 5px;
    float: left;
    font-size: 12px;
}

#form_auto  label {
    display: block;
    margin: 0 0 3px;
}
#form_auto  p.required label {
    font-weight: bold;
    color: #4d4d4d;
}

#form_auto  p.err label {
    color: #f00;
}

#form_auto  input, #infoBox input {
    width: 214px; 
    margin: 0 0 1px;
    padding: 2px 1px;
    border: 1px solid #9d9d9d;
    font-size: 100%;
    vertical-align: middle;
}

#form_auto  input:focus, #infoBox input:focus {
    width: 214px;
    margin: 0 0 1px;
    padding: 2px 1px;
    border: 1px solid #9d9d9d;
    font-size: 100%;
    vertical-align: middle;
    background-color:#EEEEEE;
}


#form_auto  p.err input, #form_auto  p.err select {
    background: #f7d2d2;
}
#form_auto  p.err input.checkbox { 
    background: transparent;

}

#form_auto  p.required span.checkBoxField label,
#form_auto  p.err span.checkBoxField label {
	color: #333;
	font-weight: normal;
}

#form_auto select {
    width: 218px;
    margin: 0 0 1px;
    padding: 1px 0;
    font-size: 100%;
    border: 1px solid #9d9d9d;
    vertical-align: middle;
}

#form_auto textarea {
    width: 685px;
    height: 200px;
    margin: 0;
    padding: 0;
    border: 1px solid #9d9d9d;
}

#form_auto .checkBoxField label {
    width: auto;
    margin: 0 0 0 5px;
    display: inline;
    vertical-align: middle;
}

#form_auto .checkBoxField input {
    width: auto;
    border: none;
    vertical-align: middle;
}

#form_auto .chxFix{
    padding:18px 0 0 0;
}

#form_auto button{
    
    font-size:16px;
    font-weight:bold;
    color:#4d4d4d;

}

.clearFix{
    clear: both;
}

#form_auto .messages{

    margin: 0 7px 0 0;

}

.message_info {
    margin: 5px 0 5px 0;
    background: #e7f7d2 url(../img/ico/info.png) no-repeat 10px 10px;
    padding: 10px 5px 20px 60px;
    font-size:12px;
}


.message_error {
    margin: 0 0 15px;
    background: #f7d2d2 url(../img/ico/error.png) no-repeat 10px 10px;
    padding: 10px 5px 20px 60px;
    min-height: 50px;
    font-size:12px;
}

.message_warning {
    margin: 0 0 15px;
    background: #f7ef0a url(../img/ico/warning.png) no-repeat 10px 10px;
    padding: 10px 5px 20px 60px;
    min-height: 50px;
    font-size:12px;
}


.message_info dt, .message_error dt {
    background: 0;
    padding: 0;
    margin: 0;
    font-weight: bold;
}

.message_info dd, .message_error dd {
    background: 0;
    border: 0;
    margin: 5px 0 0;
    padding: 0;
    line-height: 160%;
}

.message_error dt { 
    color: red
}

.form_sec{

    height:40px;
    background-image: url(../img/super_offer_ng_bg.gif);
    background-repeat: repeat-x;
    text-align:left;
    margin: 20px 7px 15px 0 ;
    clear: both;

}

.form_sec div{

    background-color: #F5F5F5;
    height:35px;
    padding: 6px 40px 0 0;
    margin:0px;
    font-size:20px;
    font-weight:normal;
    color:#4d4d4d;
    float:left;

}

.form_subsec{

    font-size: 12px;
    color: #b4000d;
    font-weight: bold;
    padding: 10px 0 15px 0;
    clear: both;

}

/*
    np wersja silnika: np. TDI, 16V, SDI, V6 itp.
*/

.form_example{
    
    font-size: 11px;
    color:green;
    font-weight:normal;

}

/* formularz zapytania o kredyt */

#of_pytanie {

    padding:0;

}

#of_pytanie  p {
    width: 375px;
    display: block;
    margin: 5px 5px 5px 0px;
    float: left;
    font-size: 12px;
}

#of_pytanie  label {
    display: block;
    margin: 0 0 3px;
}
#of_pytanie  p.required label {
    font-weight: bold;
    color: #4d4d4d;
}

#of_pytanie  p.err label {
    color: #f00;
}

#of_pytanie  p select{
    width:375px;
    margin: 0 0 1px;
    padding: 2px 1px;
    border: 1px solid #9d9d9d;
    font-size: 100%;
    vertical-align: middle;
}

#of_pytanie  input, #infoBox input {
    width: 371px;
    margin: 0 0 1px;
    padding: 2px 1px;
    border: 1px solid #9d9d9d;
    font-size: 100%;
    vertical-align: middle;
}

#of_pytanie  input:focus, #infoBox input:focus {
    width: 371px;
    margin: 0 0 1px;
    padding: 2px 1px;
    border: 1px solid #9d9d9d;
    font-size: 100%;
    vertical-align: middle;
    background-color:#EEEEEE;
}

#of_pytanie  p.err input,
#of_pytanie  p.err select{
    background: #f7d2d2;
}
#of_pytanie  p.err input.checkbox {
    background: transparent;

}

#of_pytanie  p.required span.checkBoxField label,
#of_pytanie  p.err span.checkBoxField label {
	color: #333;
	font-weight: normal;
}

#of_pytanie textarea {
    width: 373px;
    height: 120px;
    margin: 0;
    padding: 0;
    border: 1px solid #9d9d9d;
}

#of_pytanie .checkBoxField label {
    width: auto;
    margin: 0 0 0 5px;
    display: inline;
    vertical-align: middle;
}

#of_pytanie .checkBoxField input {
    width: auto;
    border: none;
    vertical-align: middle;
}


#of_pytanie button{

    border:  0px ;
    margin:  0px ;
    padding: 0px;
    background-color:transparent;
    text-align:left;
    

}

#propozycja_ceny{

}

/* propozycja ceny */

.propozycja_ceny {
    padding:0px 0px 10px 0px;
    margin: 0px 10px 5px 10px;
    border: 1px solid #DFDFDF;
    background-color:#F5F5F5;
    display:none;
}

.propozycja_ceny button{
    margin:12px 0 0 0;
    font-size: 12px;
}


#data_error{
 display: none;
 width:380px;
 font-size:11px;
 color:#ee0000;
 padding:0px 4px 8px 4px;
    
}

#data_error_message{
    font-size:11px;
    color:#ee0000;
    font-weight:bold;
    text-align:left;
    line-height:180%;
}

#msg_display{
    font-weight: bold;
    display:none;
    line-height:180%;
    padding:10px 0px 10px 10px;
    margin: 0px 10px 5px 10px;
    border: 1px solid #DFDFDF;
    background-color:#F5F5F5;
}
/**
* Spalanie w szczegółach ogłoszenia
*/
.of_spalanie{
    border:1px solid #CACACA;
    margin:0;
    line-height:170%;
    font:normal 11px tahoma;
    background-image: url(../img/of_spalanie_srodek.gif);
    background-repeat:repeat-x;
}
.of_spalanie table{
    margin:10px 0 0 35px;
    padding:0;
}
.of_spalanie table th{
    width:100px;
}
.of_spalanie .of_spalanie_tab_nag{
    text-align:right;
    width:100px;
    color:#424242;
}
.of_spalanie_w td{
    border:0;
    line-height:20px;
}
.of_spalanie_w{
    background-image:url(../img/op_border_bg_lista.jpg);
    background-repeat:repeat-x;
}
.of_spalanie_w th{
    text-align:left;
}
.of_spalanie_t2{
    text-align:right;
    width:100px;
    color:#B50008;
    font-weight:bold;
}
.of_spalanie_t1{
    text-align:left;
    width:100px;
    color:#424242;
}
.of_spalanie_r{
    font-size:0;
}