/* CSS Document for Artemis 2 */
/* CSS editing  George Milakis contact@milakis.gr
================================================================================
|                                                                              |
================================================================================
*/
.fix_div_box{ width: 50px; }
.na_title {
  font-weight: bold; color: #CC0000; position: relative; padding: 7px 10px; min-height: 36px; width: 100%;
  -webkit-background-clip: padding-box; background-clip: padding-box; z-index: 20; cursor: help;
}
.vfix { text-align: center; width: 100%; }
.na_title2 {
  display: inline-block; background: rgba(245, 245, 245, 0.9); padding: 4px 14px 4px 14px;
  -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; text-shadow:  none !important;
}


.n_a_text { text-shadow: none !important; font-size: 10px !important; font-family: Tahoma, Geneva, sans-serif !important; }
.on_offer_car_img{
  margin-top: -3px; border: none; width: 100px;
}

#artemis{
  color: #666666; height: 22px; line-height: 22px; clear: both; text-align: right; font-size: 10px; font-family: Tahoma, Geneva, sans-serif; padding-right: 15px;
}
.gr_link{
  display: block; float: left; margin-left: 5px;
}
.gr_link:hover{
  text-decoration: underline; color: #009900; cursor: pointer;
}
.gr_act{
  font-weight: bold; color: #009900; cursor: pointer; display: none;
}

#date_info {

}
.list_dates{
-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
box-shadow: rgba(0,0,0,0.5) 0 1px 2px; -webkit-box-shadow: rgba(0,0,0,0.5) 0 1px 2px; -moz-box-shadow: rgba(0,0,0,0.5) 0 1px 2px;
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 18px;
color: #353535; background:  #EEEEEE; width: 98%;
text-align: left; margin: 5px;  padding: 5px 10px 5px 10px; float: left;
  text-shadow: -0px -0px 0  #DDDDDD;
}
.list_dates a{
  color: #c00; font-weight: normal;
}
.list_cars{ max-width: 320px; background: #eaeaea; }
.list_one_car, .list_cars{
   /*
border-radius: 16px 16px 16px 16px;
-moz-border-radius: 16px 16px 16px 16px;
-khtml-border-radius: 16px 16px 16px 16px;
-webkit-border-radius: 16px 16px 16px 16px;
box-shadow: rgba(0,0,0,0.5) 0 1px 2px;
-webkit-box-shadow: rgba(0,0,0,0.5) 0 1px 2px;
-moz-box-shadow: rgba(0,0,0,0.5) 0 1px 2px;

background: #EEEEEE;     */    background: #eaeaea;
text-align: left; margin: 5px; float: left;
/*
background: -webkit-gradient(linear, left top, left bottom, from(#CCCCCC), to(#EEEEEE));
background: -moz-linear-gradient( center top, #CCCCCC 0%, #EEEEEE 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CCCCCC', endColorstr='#EEEEEE');
color: #fff;
*/
}
.car_img{
   border: none; float: left; height: 95px; max-width: 170px;
}

.one_car_info{
  float: left;  display: block;
}
.one_car_photo{
  width: 170px; height: 110px; background-repeat:  no-repeat; float: left; display: flex;  align-items: center;
}
.car_extra_info{

}


.one_car_extra_info1{
 text-shadow: none; color: #333333;  padding: 3px 5px 0px 5px; font-size: 12px; display: inline-block; width: 135px; font-weight: bold;
}
.one_car_extra_info2{
  float: left; text-shadow: none; color: #333333; display: block; padding: 3px 5px 0px 5px; font-size: 12px; font-weight: bold;
}
.one_car_extra_info1 img, .one_car_extra_info2 img{
  width: 22px;
}
.one_car_price_day{
  width: 150px; background: #DDDDDD; float: right; text-align: center;
  border-radius: 16px 16px 16px 16px;
-moz-border-radius: 16px 16px 16px 16px;
-khtml-border-radius: 16px 16px 16px 16px;
-webkit-border-radius: 16px 16px 16px 16px;
text-shadow: none; padding: 10px; font-size: 14px; color: #666666;
}
.one_car_price{
background: #DDDDDD; margin-left: 5px; margin-right: 5px;
  border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
text-shadow: none; padding: 5px 15px 5px 15px; font-size: 14px; color: #666666; text-align:  center;
}
.timi_basic {
  font-size: 15px; color: #003366; font-weight: bold; text-shadow: none; text-decoration: line-through;
}
.timi_day {
  font-size: 24px; color: #009900; font-weight: bold; text-shadow: none;
}
.discount{
  color: #FF0000; font-size: 10px; font-weight: bold;
}

.timi_final {
  font-size: 18px; color: #006600; font-weight: bold; text-shadow: none;
}



.one_car_title{
  /*  border-radius: 6px 6px 0px 0px;
  -moz-border-radius: 6px 6px 0px 0px;
  -khtml-border-radius: 6px 6px 0px 0px;
  -webkit-border-radius: 6px 6px 0px 0px;*/
  box-shadow: rgba(0,0,0,0.5) 0 1px 2px;
  -webkit-box-shadow: rgba(0,0,0,0.5) 0 1px 2px;
  -moz-box-shadow: rgba(0,0,0,0.5) 0 1px 2px;
  /* --------------------------------------------- */
  background-color: #2f2f2f;
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#2f2f2f), to(#414141));
  background-image: -webkit-linear-gradient(top, #2f2f2f, 0%, #414141, 100%);
  background-image: -moz-linear-gradient(top, #2f2f2f 0%, #414141 100%);
  background-image: linear-gradient(to bottom, #2f2f2f 0%, #414141 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2f2f2f', endColorstr='#414141', GradientType=0);
  color: #ffffff;
  text-shadow: none !important;
  z-index: 20; min-height: 30px; line-height: 30px; padding-left: 20px; font-size: 15px; font-weight: bold;
}
.one_car_title a{ color: #003366; }
.booknow_bt_top {
  background-color: #3e5395;
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#ff4240), to(#6d0a09));
  background-image: -webkit-linear-gradient(top, #ff4240, 0%, #6d0a09, 100%);
  background-image: -moz-linear-gradient(top, #ff4240 0%, #6d0a09 100%);
  background-image: linear-gradient(to bottom, #ff4240 0%, #6d0a09 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0000c', endColorstr='#cc1009', GradientType=0);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 5px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 5px rgba(0, 0, 0, 0.075);
  border: none;
  padding-left: 10px; padding-right: 10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; font-weight: bold; color: #FFFFFF;
  -webkit-box-shadow: rgba(0,0,0,0.5) 0 1px 2px;
  -moz-box-shadow: rgba(0,0,0,0.5) 0 1px 2px;
  /* --------------------------------------------- */
  font-size: 14px; font-weight: bold;
  cursor: pointer;
}

/* ================== Step 2 ====================== */
.step_2_box{
border-radius: 16px;
-moz-border-radius: 16px;
-khtml-border-radius: 16px;
-webkit-border-radius: 16px;
box-shadow: rgba(0,0,0,0.5) 0 1px 2px;
-webkit-box-shadow: rgba(0,0,0,0.5) 0 1px 2px;
-moz-box-shadow: rgba(0,0,0,0.5) 0 1px 2px;
/* --------------------------------------------- */
background: #EEEEEE;
text-align: left; margin: 5px; float: left;
padding-bottom: 15px;
text-shadow: -1px -1px 0 #a70303;

}

.list_data{

  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 18px;
  color: #353535;
  background:  #EEEEEE;
  text-align: left; margin: 5px;  padding: 5px 10px 5px 10px; float: left;
  text-shadow: none;
 /* text-shadow: -0px -0px 0  #DDDDDD; */
}
.list_data a{
  color: #c00; font-weight: normal;
}
.list_data_fix{
 margin: 0px; width: 100%;
}

.times_title{
 float: left;
}
#upologismoi_div{
  width: 100px;  float: right;
}

#price_table {
  width: 100px;
    float: right;
}
#price_table .td_1 {
  color: #FFFFFF;
  font-weight: bold;
  background-color: #353535;
}
#price_table .td_2 {
  color: #EEEEEE;
  font-weight: bold;
  background-color: #353535;
}
#price_table .td_3 {
  color:  #FF0000;
  font-weight: bold;
  background-color: #353535;
}

.title3, .text3{
  display: block; float: left;
}
.cont_title{
  width: 50%; float: left;
}
.cont_box{
  width: 50%; float: left;
}
.contact_intext{
  width: 100%;
}

.na_div {
  background-color: #000000; color: #CC0000; padding: 15px;
  -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
}
.alert_div {
  background-color: #A90000; color: #FFFFFF; padding: 5px; margin: 3px 0 3px 0;
  -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
}
/* ================================================ */
/*.step_2_box{ width: 97%; }
.list_one_car{ width: 97%; }
.one_car_info{  width: 320px; } */

@media (max-width: 480px) {
.step_2_box{ width: 97%; }
.list_one_car{ width: 97%; }
.one_car_info{  width: 310px; }
}
@media (min-width: 481px) and (max-width: 767px)  {
.step_2_box{ width: 97%; }
.list_one_car{ width: 97%; }
.one_car_info{  width: 310px; }
}
@media (min-width: 768px) and (max-width: 979px)  {
.step_2_box{ width: 360px;  }
.list_one_car{ width: 360px; }
.one_car_info{  width: 310px; }
}
@media (min-width: 980px) and (max-width: 1199px)    {
.step_2_box{ width: 465px; }
.list_one_car{ width: 310px; }
.one_car_info{  width: 310px; }
}
@media (min-width: 1200px)   {
.list_dates, .filter{  }
.step_2_box{ width: 500px; }
.list_one_car{ width: 505px; }
.one_car_info{  width: 325px; }
.list_cars{  width: 325px; }
}
/**/