/* CSS Document for Artemis 2 */
/* CSS editing  George Milakis contact@milakis.gr
================================================================================
|                                                                              |
================================================================================
*/
.price_list{ color: #43C13E; font-weight: bold; font-size: 22px; font-family:  Arial, Helvetica, sans-serif; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); line-height: 20px; }
.price_list span{ color: #1C3F5A; font-weight: bold; font-size: 14px; text-shadow:  none;  }
.price_list div{ padding: 3px 0 7px 0;  }


.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;
}
#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{
border-radius: 3px; -moz-border-radius:  3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px;
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;
/* --------------------------------------------- */
  width: 98.5%; font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px; line-height: 18px; color: #353535; background:  #E2E3E4;
  text-align: left; margin: 5px;  padding: 5px 10px 5px 10px; float: left;

}
.list_dates a{
  color: #c00; font-weight: normal;
}
.list_one_car{
border-radius: 6px; -moz-border-radius: 6px; -khtml-border-radius: 6px; -webkit-border-radius: 6px;
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: #E2E3E4;
text-align: left; margin: 5px; float: left; min-height: 315px;
/*
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;
*/
text-shadow: -1px -1px 0 #a70303;
}
.car_img{
   border: none; float: left; height: 95px; max-width: 170px;
}

.one_car_info{
  float: left; border: none;  display: block; overflow: hidden;
}
.one_car_photo{
 background-repeat:  no-repeat; float: left;

}
.car_extra_info{
  border-top: dashed 1px #CCCCCC;
  border-bottom: dashed 1px #CCCCCC;
}


.one_car_extra_info{
  float: left; text-shadow: none; color: #333333; display: block; padding: 5px 10px 3px 10px; font-size: 11px;
}
.one_car_extra_info img{
  width: 20px;
}
.one_car_price_day{
  width: 150px; background: #DDDDDD; 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: #666666 !important; 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: 5px 5px 0px 0px;
  -moz-border-radius: 5px 5px 0px 0px;
  -khtml-border-radius: 5px 5px 0px 0px;
  -webkit-border-radius: 5px 5px 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;
  /* --------------------------------------------- */
  color: #fff;
  text-shadow: -1px -1px 0 #3a2f1e; text-align: center;
  z-index: 20; line-height: 24px; font-size: 15px; font-weight: bold;
}
.one_car_title span{ font-size: 0.7em; font-weight: normal; color:  #EEEEEE; }

.booknow_bt_top {
 /*  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: #ed9000; font-size: 14px; font-weight: bold; */
  cursor: pointer; width: 100% !important;
}

/* ================== Step 2 ====================== */
.step_2_box{
border-radius: 6px;
-moz-border-radius: 6px;
-khtml-border-radius: 6px;
-webkit-border-radius: 6px;
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: #E2E3E4;
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:  #E2E3E4;
  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%;
}

/* ================================================


@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: 97%; }
.list_one_car{ width: 400px; }
.one_car_info{  width: 180px; }
}
@media (min-width: 980px) and (max-width: 1199px)    {
.step_2_box{ width: 48%; }
.list_one_car{ width: 400px; }
.one_car_info{  width: 180px; }
}
@media (min-width: 1200px)   {
.list_dates, .filter{  }
.step_2_box{ width: 49%; }
.list_one_car{ width: 450px; }
.one_car_info{  width: 270px; }
.one_car_photo{  width: 270px; height: 180px; }
.booking-sub-one{ width: 420px; }
}                                                         */
/* ====================================================================================================== */
@media (max-width:414px){
  .step_2_box{ width: 98%; }
  .list_one_car{ width: 96%; }
  .one_car_info{  width: 210px; }
  .one_car_photo{  width: 210px; height: 180px; background-position: center center;  }
  .booking-sub-one{ width: 100%; }
}
@media (min-width:415px) and (max-width:767px){
  .step_2_box{ width: 98%; }
  .list_one_car{ width: 96%; }
  .one_car_info{  width: 240px; }
  .one_car_photo{  width: 240px; height: 180px; }
  .booking-sub-one{ width: 100%; }
}
@media (min-width:768px) and (max-width:1024px){
  .step_2_box{ width: 48%; }
  .list_one_car{ width: 48%; }
  .one_car_info{  width: 240px; }
  .one_car_photo{  width: 240px; height: 180px; }
  .booking-sub-one{ width: 100%; }
}
@media (min-width:1025px) and (max-width:1200px){
  .step_2_box{ width: 49%; }
  .list_one_car{ width: 450px; }
  .one_car_info{  width: 270px; }
  .one_car_photo{  width: 270px; height: 180px; }
  .booking-sub-one{ width: 420px; }
}
@media (min-width:1201px) and (max-width:1440px){
  .step_2_box{ width: 49%; }
  .list_one_car{ width: 450px; }
  .one_car_info{  width: 270px; }
  .one_car_photo{  width: 270px; height: 180px; }
  .booking-sub-one{ width: 420px; }
}
@media (min-width:1440px){
  .step_2_box{ width: 49%; }
  .list_one_car{ width: 450px; }
  .one_car_info{  width: 270px; }
  .one_car_photo{  width: 270px; height: 180px; }
  .booking-sub-one{ width: 420px; }
}