@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Open+Sans');

body { margin:0;
       padding:0;
	 }

#page { width:100%;
        background-color:#f2f2f2;
		padding-top:20px;
		padding-bottom:30px;
	  }

#container { width:90%;
             max-width:1200px;
			 margin-left:auto;
			 margin-right:auto;
			 display: -webkit-box; 
			 display: -moz-box;
			 display: -ms-flexbox;
			 display: -webkit-flex; 
			 display: flex;
			 -webkit-flex-wrap: wrap;
			 flex-wrap: wrap;
			 -webkit-align-content: center;
			 justify-content: space-between;
			 align-items:flex-start;
          }

#div_cautare { width:45%; }

#div_rezultate { width:45%; 
                 background-color:#ffffff;
				 padding-top:20px;
				 padding-bottom:30px;
               }

#box1 { width:100%;
        background-color:#ffffff;
		padding-top:5px;
		padding-bottom:25px;
	  }

.content_box { width:90%;
               margin-left:auto;
			   margin-right:auto;
			   background-color:#ffffff;
			 }

#line_back { width:100%;
             text-align:left;
			 margin-top:20px;
		   }

#span_back { font-family: 'Open Sans', sans-serif;
             font-size:14px;
			 line-height:18px;
			 color:#000000;
			 font-weight:bold;
		   }

#link_back { color:#000000;
             text-decoration:none;
		   }

#div_marca { width:100%;
             margin-top:20px;
			 text-align:left;
		   }

.span1 { font-family: 'Open Sans', sans-serif;
         font-size:12px;
		 line-height:16px;
		 color:#000000;
		 font-weight:bold;
	   }

.div_descriere_marca { width:100%; 
                       margin-top:15px;
					   display: -webkit-box; 
					   display: -moz-box;
					   display: -ms-flexbox;
					   display: -webkit-flex; 
					   display: flex;
					   align-items: center;
					   -webkit-flex-wrap: wrap;
					   flex-wrap: wrap;
					   -webkit-align-content: center;
					 }

.div_input { width:10%; 
             text-align:center;
           }

.div_text_input { width:90%;
                  text-align:left;
				}

.span2 { font-family: 'Open Sans', sans-serif;
         font-size:13px;
		 line-height:16px;
		 color:#000000;
	   }

input[type="checkbox"] {
    display:none;
}
input[type="checkbox"] + label {
    color: #ffffff;
}
input[type="checkbox"] + label{
    display:inline-block;
    width:15px;
    height:15px;
    vertical-align:middle;
    cursor:pointer;
	margin-left: 10px;
	margin-right: 10px;
    
}

input[type="checkbox"] + label {
     background-color:#ffffff;
	 border:1px solid #777777;
}

.radio_field_content{
	display: block;
}
input[type="checkbox"]:checked + label {
     background-repeat:no-repeat;
     background-size:17px;
     background-position:center;
     background-image:url(../images/check_03.jpg);
}

.div_descriere_modele { width:100%;
					  }

.content_modele { width:90%;
                  margin-left:auto;
				  margin-right:0;
				  display: -webkit-box; 
				  display: -moz-box;
				  display: -ms-flexbox;
				  display: -webkit-flex; 
				  display: flex;
				  align-items: center;
				  -webkit-flex-wrap: wrap;
				  flex-wrap: wrap;
				  -webkit-align-content: center;
				  justify-content:space-between;
				}

.box_model { width:130px; 
             display: -webkit-box; 
             display: -moz-box;
             display: -ms-flexbox;
             display: -webkit-flex; 
             display: flex;
             align-items: center;
             -webkit-align-content: center;
			 margin-top:10px;
           }

#div_cat1 { width:100%;
            margin-top:20px;
			text-align:left;
			display: -webkit-box; 
			display: -moz-box;
			display: -ms-flexbox;
			display: -webkit-flex; 
			display: flex;
			align-items: center;
			-webkit-flex-wrap: wrap;
			flex-wrap: wrap;
			-webkit-align-content: center;
			justify-content:space-between;
		  }

.div_denumire { width:100%;
                text-align:left;
		      }

#div_pret { width:45%; }

#div_inmatriculare { width:45%; }

.div_box_elem { width:100%;
                margin-top:15px;
				display: -webkit-box; 
				display: -moz-box;
				display: -ms-flexbox;
				display: -webkit-flex; 
				display: flex;
				align-items: center;
				-webkit-flex-wrap: wrap;
				flex-wrap: wrap;
				-webkit-align-content: center;
				justify-content:space-between;
			  }

.div_select { width:45%;
              text-align:left;
			}

.select1 { width: 100%;
           background-image:
                  linear-gradient(45deg, transparent 50%, #000000 50%),
                  linear-gradient(135deg, #000000 50%, transparent 50%);
           background-position:
                 calc(100% - 10px),
                 calc(100% - 5px),
                 calc(100% - 2.5em) 0.5em;
           background-size:
                  5px 5px,
                  5px 5px,
                  1px 1.5em;
           background-repeat: no-repeat;
           box-sizing: border-box;
           padding-left:10px;
           border: solid 1px #777777;
           background-color:#ffffff;
           font-family: 'Open Sans', sans-serif;
           font-size:13px;
           color:#525252;
           height:25px;
         }

select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}


select::-ms-expand {
    display: none;
}

select {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    text-indent: 1px !important;
    text-overflow: '' !important;
}

#div_cat2 { width:100%;
            margin-top:20px;
			text-align:left;
			display: -webkit-box; 
			display: -moz-box;
			display: -ms-flexbox;
			display: -webkit-flex; 
			display: flex;
			align-items: center;
			-webkit-flex-wrap: wrap;
			flex-wrap: wrap;
			-webkit-align-content: center;
			justify-content:space-between;
		  }

#div_putere { width:45%; }

#div_km { width:45%; }

#div_cat3 { width:100%;
            margin-top:20px;
			text-align:left;
			display: -webkit-box; 
			display: -moz-box;
			display: -ms-flexbox;
			display: -webkit-flex; 
			display: flex;
			align-items: center;
			-webkit-flex-wrap: wrap;
			flex-wrap: wrap;
			-webkit-align-content: center;
			justify-content:space-between;
		  }

.div_select2 { width:100%;
               text-align:left;
			 }

#div_combustibil { width:45%; }

#div_judet { width:45%; }

#div_cat4 { width:100%;
            margin-top:20px;
			text-align:left;
			display: -webkit-box; 
			display: -moz-box;
			display: -ms-flexbox;
			display: -webkit-flex; 
			display: flex;
			align-items: center;
			-webkit-flex-wrap: wrap;
			flex-wrap: wrap;
			-webkit-align-content: center;
			justify-content:space-between;
		  }

#div_transmisie { width:45%; }

#div_gearbox { width:45%; }

#div_cat5 { width:100%;
            margin-top:20px;
			text-align:left;
			display: -webkit-box; 
			display: -moz-box;
			display: -ms-flexbox;
			display: -webkit-flex; 
			display: flex;
			align-items: center;
			-webkit-flex-wrap: wrap;
			flex-wrap: wrap;
			-webkit-align-content: center;
			justify-content:space-between;
		  }

#div_usi { width:45%; }

#div_capacitate { width:45%; }

#div_cat6 { width:100%;
            margin-top:20px;
			text-align:left;
		  }

.div_elem_sel { width:100%;
                text-align:left;
                display: -webkit-box; 
                display: -moz-box;
                display: -ms-flexbox;
                display: -webkit-flex; 
                display: flex;
                align-items: center;
                -webkit-flex-wrap: wrap;
                flex-wrap: wrap;
                -webkit-align-content: center;
                justify-content:space-between;
		      }

.model_masina { width:145px; 
                margin-top:20px;
              }

.div_imagine_masina { width:145px; }

.imagine_masina { width:125px;
                  border:none;
				  display:block;
				  margin-left:auto;
				  margin-right:auto;
				}

.div_bifa_masina { width:145px;
                   display: -webkit-box; 
                   display: -moz-box;
                   display: -ms-flexbox;
                   display: -webkit-flex; 
                   display: flex;
                   align-items: center;
                   -webkit-flex-wrap: wrap;
                   flex-wrap: wrap;
                   -webkit-align-content: center;
                   justify-content:center;
				   height:50px;
                 }

#box2 { width:100%;
        background-color:#ffffff;
		padding-top:5px;
		padding-bottom:25px;
		margin-top:35px;
	  }

#div_finantare { width:100%;
                 margin-top:20px;
			     text-align:left;
		       }

#div_linie_finantare { width:100%;
                       margin-top:15px;
					   display: -webkit-box; 
					   display: -moz-box;
					   display: -ms-flexbox;
					   display: -webkit-flex; 
					   display: flex;
					   align-items: center;
					   -webkit-flex-wrap: wrap;
					   flex-wrap: wrap;
					   -webkit-align-content: center;
					   justify-content:space-between;
					 }

.div_varianta_finantare { width:150px;
                          display: -webkit-box; 
                          display: -moz-box;
                          display: -ms-flexbox;
                          display: -webkit-flex; 
                          display: flex;
                          align-items: center;
                          -webkit-flex-wrap: wrap;
                          flex-wrap: wrap;
                          -webkit-align-content: center;
                          justify-content:center;
						}

#box3 { width:100%;
        background-color:#ffffff;
		padding-top:5px;
		padding-bottom:25px;
		margin-top:35px;
	  }

#div_culori { width:100%;
              margin-top:20px;
			  text-align:left;
		    }

#linie_culori { width:100%;
				display: -webkit-box; 
                display: -moz-box;
                display: -ms-flexbox;
                display: -webkit-flex; 
                display: flex;
                align-items: center;
                -webkit-flex-wrap: wrap;
                flex-wrap: wrap;
                -webkit-align-content: center;
                justify-content:space-between;
			  }

.culori { width:130px;
          display: -webkit-box; 
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex; 
          display: flex;
          align-items: center;
          -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
          -webkit-align-content: center;
		  margin-top:20px;
       }

#div_vopsea { width:100%;
              margin-top:20px;
			  text-align:left;
		    }

#linie_culori2 { width:100%;
				 display: -webkit-box; 
                 display: -moz-box;
                 display: -ms-flexbox;
                 display: -webkit-flex; 
                 display: flex;
                 align-items: center;
                 -webkit-flex-wrap: wrap;
                 flex-wrap: wrap;
                 -webkit-align-content: center;
                 justify-content:space-between;
			   }

#box4 { width:100%;
        background-color:#ffffff;
		padding-top:5px;
		padding-bottom:25px;
		margin-top:35px;
	  }

#linie_dotari { width:100%;
			    display: -webkit-box; 
			    display: -moz-box;
			    display: -ms-flexbox;
			    display: -webkit-flex; 
			    display: flex;
			    align-items: center;
			    -webkit-flex-wrap: wrap;
			    flex-wrap: wrap;
			    -webkit-align-content: center;
			    justify-content:space-between;
			  }

.dotare { width:240px;
          display: -webkit-box; 
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex; 
          display: flex;
          align-items: center;
          -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
          -webkit-align-content: center;
		  margin-top:20px;
       }

#box5 { width:100%;
        background-color:#ffffff;
		padding-top:5px;
		padding-bottom:25px;
		margin-top:35px;
	  }

#div_locatii { width:100%;
               margin-top:20px;
			   text-align:left;
		     }

#linie_locatii { width:100%;
			     display: -webkit-box; 
			     display: -moz-box;
			     display: -ms-flexbox;
			     display: -webkit-flex; 
			     display: flex;
			     align-items: center;
			     -webkit-flex-wrap: wrap;
			     flex-wrap: wrap;
			     -webkit-align-content: center;
			     justify-content:space-between;
			   }

.locatie { width:150px;
           display: -webkit-box; 
           display: -moz-box;
           display: -ms-flexbox;
           display: -webkit-flex; 
           display: flex;
           align-items: center;
           -webkit-flex-wrap: wrap;
           flex-wrap: wrap;
           -webkit-align-content: center;
           justify-content:center;
           margin-top:20px;
         }

#div_titlu { width:100%;
             text-align:center;
		   }

#span_titlu { font-family: 'Open Sans', sans-serif;
              font-size:20px;
			  line-height:26px;
			  color:#000000;
			  font-weight:bold;
			}

#div_btn { width:100%;
           display: -webkit-box; 
           display: -moz-box;
           display: -ms-flexbox;
           display: -webkit-flex; 
           display: flex;
           align-items: center;
           -webkit-flex-wrap: wrap;
           flex-wrap: wrap;
           -webkit-align-content: center;
           justify-content:space-between;
           margin-top:20px;
		 }

#div_filtrare { width:45%;
                text-align:right;
			  }
			  
#filtrare_lista { width: 100%;
                  max-width:200px;
                  background-image:
                    linear-gradient(45deg, transparent 50%, #828282 50%),
                    linear-gradient(135deg, #828282 50%, transparent 50%);
                  background-position:
                    calc(100% - 10px),
                    calc(100% - 5px),
                    calc(100% - 2.5em) 0.5em;
                  background-size:
                    5px 5px,
                    5px 5px,
                    1px 1.5em;
                  background-repeat: no-repeat;
                  box-sizing: border-box;
                  padding-left:10px;
                  border: solid 1px #828282;
                  background-color:#ffffff;
                  font-family: 'Open Sans', sans-serif;
                  font-size:13px;
                  color:#828282;
                  height:30px;
			  }

select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}


select::-ms-expand {
    display: none;
}

select {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    text-indent: 1px !important;
    text-overflow: '' !important;
}

#div_printare { width:45%;
                display: -webkit-box; 
                display: -moz-box;
                display: -ms-flexbox;
                display: -webkit-flex; 
                display: flex;
                align-items: center;
                -webkit-flex-wrap: wrap;
                flex-wrap: wrap;
                -webkit-align-content: center;
             }

.span_elemente_lista { font-family: 'Open Sans', sans-serif;  
                       font-size:13px;
					   line-height:16px;
					   color:#828282;
					 }
					 
.link_elem_lista { text-decoration:none;
                   color:#828282;
				 }

#div_rezultate_cautare { width:100%;
					   }

.rezultat_masina { width:100%;
                   margin-top:25px;
				   background-color:#f2f2f2;
				   display: -webkit-box; 
				   display: -moz-box;
				   display: -ms-flexbox;
				   display: -webkit-flex; 
				   display: flex;
				   align-items: center;
				   -webkit-flex-wrap: wrap;
				   flex-wrap: wrap;
				   -webkit-align-content: center;
				 }
				   
.imagine_masina_rezultat { width:40%;
                           height:180px;
						   background-repeat:no-repeat;
                           background-size: cover;
                           background-position:center;                           
						 }

.img_btn_rez { width:33px;
               border:none;
			   display:block;
			   cursor:pointer;
			 }

.detalii_masina_rezultat { width:60%; }

.content_detalii_rez { width:90%;
                       margin-left:auto;
					   margin-right:0;
					   padding-top:20px;
					   padding-bottom:20px;
					 }

.l1 { width:100%;
      text-align:left;
	}

.denumire_masina_rez { font-family: 'Open Sans', sans-serif;  
                       font-size:18px;
					   line-height:25px;
					   color:#000000;
					   font-weight:bold;
					 }

.l2 { width:100%;
      text-align:left;
	}

.denumire_masina_rez2 { font-family: 'Open Sans', sans-serif;  
                        font-size:10px;
					    line-height:14px;
					    color:#000000;
					  }

.l3 { width:100%;
      text-align:left;
	  margin-top:10px;
	}

.denumire_masina_rez3 { font-family: 'Open Sans', sans-serif;  
                        font-size:12px;
					    line-height:16px;
					    color:#000000;
					  }

.l4 { width:100%;
      text-align:left;
	  margin-top:20px;
	}

.btn_rez { width:100%;
           max-width:150px;
		   height:25px;
		   background-color:#ffcd00;
		   font-family: 'Open Sans', sans-serif;  
		   font-size:12px;
		   line-height:16px;
		   color:#000000;
		   font-weight:bold;
		   border:none;
		   display:block;
		   cursor:pointer;
		 }

.link_btn_rez { text-decoration:none;
                color:#000000;
		      }

@media screen and (max-width: 800px) and (min-width:501px)
{

#container { width:90%;
             max-width:1200px;
			 margin-left:auto;
			 margin-right:auto;
			 display: -webkit-box; 
			 display: -moz-box;
			 display: -ms-flexbox;
			 display: -webkit-flex; 
			 display: flex;
			 -webkit-flex-wrap: wrap;
			 flex-wrap: wrap;
			 -webkit-align-content: center;
			 justify-content: space-between;
			 align-items:flex-start;
			 flex-direction:column;
          }

#div_cautare { width:100%; }

#div_rezultate { width:100%; 
                 background-color:#ffffff;
				 padding-top:20px;
				 padding-bottom:30px;
				 margin-top:25px;
               }
}

@media screen and (max-width: 500px)
{

#container { width:90%;
             max-width:1200px;
			 margin-left:auto;
			 margin-right:auto;
			 display: -webkit-box; 
			 display: -moz-box;
			 display: -ms-flexbox;
			 display: -webkit-flex; 
			 display: flex;
			 -webkit-flex-wrap: wrap;
			 flex-wrap: wrap;
			 -webkit-align-content: center;
			 justify-content: space-between;
			 align-items:flex-start;
			 flex-direction:column;
          }

#div_cautare { width:100%; }

#div_rezultate { width:100%; 
                 background-color:#ffffff;
				 padding-top:20px;
				 padding-bottom:30px;
				 margin-top:25px;
               }

#div_pret { width:100%; }

#div_inmatriculare { width:100%; 
                     margin-top:15px;
                   }

#div_putere { width:100%; }

#div_km { width:100%; 
          margin-top:15px;
        }

#div_combustibil { width:100%; }

#div_judet { width:100%; 
             margin-top:15px;
           }

#div_transmisie { width:100%; }

#div_gearbox { width:100%; 
               margin-top:15px;
             }

#div_usi { width:100%; }

#div_capacitate { width:100%; 
                  margin-top:15px;
                }

#div_linie_finantare { width:100%;
                       margin-top:15px;
					   display: -webkit-box; 
					   display: -moz-box;
					   display: -ms-flexbox;
					   display: -webkit-flex; 
					   display: flex;
					   align-items: center;
					   -webkit-flex-wrap: wrap;
					   flex-wrap: wrap;
					   -webkit-align-content: center;
					   justify-content:space-between;
					   flex-direction:column;
					 }

.div_varianta_finantare { width:150px;
                          display: -webkit-box; 
                          display: -moz-box;
                          display: -ms-flexbox;
                          display: -webkit-flex; 
                          display: flex;
                          align-items: center;
                          -webkit-flex-wrap: wrap;
                          flex-wrap: wrap;
                          -webkit-align-content: center;
                          justify-content:left;
						}

.imagine_masina_rezultat { width:100%;
                           height:180px;
						   background-repeat:no-repeat;
                           background-size: cover;
                           background-position:center;
                           background-image:url(../images/img3_03.jpg);
						 }

.detalii_masina_rezultat { width:100%; }

.div_input { width:15%; 
             text-align:center;
           }

.div_text_input { width:85%;
                  text-align:left;
				}
 

#div_btn { width:100%;
           display: -webkit-box; 
           display: -moz-box;
           display: -ms-flexbox;
           display: -webkit-flex; 
           display: flex;
           align-items: center;
           -webkit-flex-wrap: wrap;
           flex-wrap: wrap;
           -webkit-align-content: center;
           justify-content:space-between;
           margin-top:20px;
		   flex-direction:column;
		 }
		 
#div_filtrare { width:100%;
                text-align:center;
				margin-top:15px;
			  }
			  
}