@font-face
{
    font-family: "Manrope";
    src: url('fonts/Manrope-Regular.ttf');
}
@font-face
{
    font-family: "Manrope M";
    src: url('fonts/Manrope-Medium.ttf');
}
@font-face
{
    font-family: "Manrope B";
    src: url('fonts/Manrope-Bold.ttf');
}


* {
    margin: 0;
    padding: 0;
}

html, body{
    font-family: "Manrope","Open Sans",Helvetica,Arial,sans-serif;
    font-size:12px;
}
body {
    margin: 0 auto;
    width: 730px;
}



div#continut {
    
    height: auto;
    padding: 10px 10px 10px 10px;
    
    background-color: white;
    float: left;
}

div#continut #buton_print {
    /*border: 1px solid #1154A5;*/
    padding: 5px 5px 5px 5px;
    color: #404040;
    /*background: #1154A5 url('../img/print.png') no-repeat center left 5px;*/
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    border-radius: 5px;
    margin-bottom: 10px;
    margin-top: 10px;
}
div#continut #buton_print:hover {
    color: #FFA500;
}

div#continut div#id_oferta {
    font-size: 11px;
    width: 710px;
    text-align: right;
    border-top: 1px solid #DEDEDE;
    padding-top: 5px;
}

div#continut div#titlu_oferta {
    width: 710px;
    height: 60px;
    float: left;
    background-color: #FAFAFA;
    margin: 5px 0px 5px 0px;
}
div#continut div#titlu_oferta img {
    float: left;
    margin-right: 10px;
    margin-left: 10px;
}
div#continut div#titlu_oferta h1 {
    width: 500px;
    font-size: 16px;
    float: left;
    /*padding-top: 10px;*/
    padding-left: 10px;
    text-align: left;
    font-weight: 500;
    position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
div#continut div#disponibilitate {
    font-size: 12px;
    width: 710px;
    text-align: right;
    float: left;
}
div#continut div#pret {
    font-size: 22px;
    width: 710px;
    text-align: left;
    margin: 5px 0px 5px 0px;
    float: left;
}
div#continut div#pret span {
    font-size: 12px;
}

div#continut div#telefon {
    font-size: 16px;
    color: #404040;
    width: 700px;
    text-align: left;
    margin: 0px 0px 10px 0px;
    padding: 5px;
    float: left;
    background-color: #FAFAFA;
}


div#continut h3 {
    font-size: 18px;
    padding: 4px 0px 4px 10px;
    background: #FAFAFA url('../img/down2.png') no-repeat center right 10px;
    color: #005696;
    border: 1px solid #F7F7F7;
    border-radius: 5px;
}

div#continut div#detalii_1 {
    margin-bottom: 10px;
    float: left;
    padding: 0px 0px 5px 0px;
}
div#continut div#detalii_1 div#detalii_1_left { /*******imagini, detalii**********/
    width: 398px;
    height: auto;
    float: left;
/*    background: #FFFFFF url('../img/bg2.png') repeat-x;*/
    margin-right: 10px;
    border: 1px solid #F7F7F7;
    border-radius: 5px;
    padding: 5px 0px 2px 0px;
}
div#continut div#detalii_1 div#detalii_1_left div#img_tot {
    
    text-align: center;
}
div#continut div#detalii_1 div#detalii_1_left div#img_tot #img_first {
    text-align: center;
}
div#continut div#detalii_1 div#detalii_1_left div#img_tot #img_first img {
    padding: 3px;
    border: 0 none; 
}

div#continut div#detalii_1 div#detalii_1_right { /*******caracteristici**********/
    width: 300px;
    height: auto;
    float: left;
}
div#continut div#detalii_1 div#detalii_1_right ul {
    list-style-type: none;
}
div#continut div#detalii_1 div#detalii_1_right ul li {
    font-size: 12px;
    font-weight: bold;
    color: #000000;
    border-bottom: 1px solid #EEEEEE;
    padding: 5px 5px 5px 14px;
    background: url('../img/right6.png') no-repeat left center;
    float: left;
    width: 281px;
}
div#continut div#detalii_1 div#detalii_1_right ul li span {
    float: right;
    color: #808080; 
    font-weight: normal;
    
}

 div.detalii_2 { /*******supliment**********/
    width: 715px;
    height: auto;
    padding: 5px 0px 5px 0px;
    float: left;
    margin-bottom: 10px;
}
 div.detalii_2 div#supliment {
    width: 715px;
    /*background-color: red;*/
    float: left;
}
 div.detalii_2 div#supliment div.sup_val {
    width: 205px;
    margin-left: 10px;
    float: left;
    
    font-size: 12px;
    font-weight: bold;
    color: #000000;
    border-bottom: 1px solid #EEEEEE;
    padding: 5px 5px 5px 14px;
    background: url('../img/right6.png') no-repeat left center;
}
 div.detalii_2 div#supliment div.sup_val span {
    float: right;
    color: #808080; 
    font-weight: normal
}

div#continut div#detalii_3 { /*******alte detalii**********/
    width: 700px;
    height: auto;
    padding: 5px 5px 5px 5px;
    margin-bottom: 10px;
    clear: both;
}



@media print
  {
      div#continut #buton_print {
          display: none;
      }
      div#continut div#id_oferta {
    padding-top: 0px;
    border: 0 none;
}
  }