/* CSS Document */
/* CSS editing  George Milakis contact@milakis.gr
================================================================================
|                                     TAGS                                     |
================================================================================
*/
.fL{ float:left} .fR{ float:right}
.cL{ clear:both}
.w50{ width: 49%}
.w100{ width: 100%}
.tl { text-align: left;}
.tc { text-align: center;}
.ac { margin: 0 auto; }
.p10 { padding: 10px; }
.h5 { height: 5px; } .h10 { height: 10px; } .h15 { height: 15px; } .h20 { height: 20px; }
/* Background to fit screen Start  */
html {height:100%;}
body {height:100%; margin:0; padding:0;}
#bg {position:fixed; top:0; left:0; width:100%; height:100%; z-index: -1;}
#master { background-color: #dde8ff; width: 1200px; border-left: solid 1px #161616; border-right: solid 1px #161616; margin: 0 auto; }
/* ------  */
input { position: relative; z-index: 100000; }
H1 { font-size: 11px; font-weight: bold; letter-spacing: 1px; color: #717171; font-family: Tahoma, Arial, sans-serif; }
H2 { font-size: 13px; font-weight: bold; letter-spacing: 0px;	color: #36529b; padding-top: 4px; font-family: Tahoma, Arial, sans-serif; }
H2 { font-size: 13px; font-weight: bold; letter-spacing: 0px;	color: #36529b; padding-top: 4px; font-family: Tahoma, Arial, sans-serif; }
.color{ color: #717171; }
.color2{ color: #00CC00; }
.color3{ color: #FF0000; }

/* ======================================= DIVs ========================================= */
#side_l { width: 400px; float: left; background-color: #ccddff; }
#side_r{ width: 798px; float: right; border-left: solid 2px #AAAAAA;}

/* ======================================= Box Titles ================================== */
.title_master1{ width: 100%; height: 66px; background-image: url(../images/title_bg.gif); }
.title_master2{ width: 100%; height: 50px; background-image: url(../images/title_bg.png); }
.title_r{ float: right; width: 5%; min-width: 7px; height: 66px; background:  url(../images/title_bg_r.png) no-repeat top right; }
.title_l{ float: left; width: 5%; min-width: 7px; height: 66px; background:  url(../images/title_bg_l.png) no-repeat top left; }
.title_b{ float: left; width: 89%; height: 66px; text-align: center; }
.title_b h2{ padding: 0px; margin: 0px; padding-top: 21px; font-size: 22px; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-weight: bold; }
.title_b h3{ padding: 0px; margin: 0px; padding-top: 14px; font-size: 18px; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-weight: bold; }
/* ======================================= Box Titles ================================== */
.box_body1{ }
.box_body2{ font-size: 13px; text-align: justify; }
/* ======================================= photos ================================== */


/* ======================================= Booking Form ================================== */
#booking_box{
  font-size: 12px; line-height: 20px; color: #3e3e3e; padding: 3px; font-family: Verdana, Arial, Helvetica, sans-serif;
}
#booking_box .b_title{
 height: 65px; line-height: 80px; font-size: 18px; font-weight: bold; text-align: center; color: #000000; background-image: url(../images/title_bg.png); background-repeat: no-repeat;padding-left: 40px;
}
#booking_box .b_body{ text-align: left; color: #000000; }
#booking_box .group_date { width: 250px; }
#booking_box .input_date { width: 100px; }
#booking_box .input_time { width: 80px; }
#booking_box .b_title2{ text-align: left; height: 26px; line-height: 26px; font-size: 14px; font-weight: bold; color: #3e3e3e; }
#booking_box .b_base_font_box{ text-align: left; height: 18px; line-height: 18px; font-size: 12px; color: #3e3e3e; }
#s_time { width: 40px; }
#e_time { width: 40px; }

/*
================================================================================
|                                                                          |
================================================================================
*/

#head {
  width: 950px; margin: 0 auto; z-index: 5; border: 3px; border-color: #cccccc; border-style: solid; /* text-align: left; background-color: #FFFFFF; border-left: solid 1px #d7d7d7; border-right: solid 1px #d7d7d7; */
}
#main_body100 {
  background-color: #161616; position: absolute; width: 100%; top: 370px; z-index: -1;
}
#main_body {
  width: 950px; margin: 0 auto; border: 3px; border-color: #cccccc; border-style: solid;
}

#side_r_l{
  float: left; width: 500px;
}
#side_r_r {
  float: right; width: 193px;
}
.title_big {
 background: url(../images/title_bg.png) repeat-x top left; height: 65px; line-height: 80px; font-size: 18px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-align: center; color: #000000;
}
.title_big2 {
 background: url(../images/title_bg.png) repeat-x top left; height: 65px; line-height: 80px; font-size: 18px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-align: center; color: #000000;
}

  /* -------- box --------------  */
#box{
  font-size: 12px; line-height: 20px; color: #3e3e3e; padding: 3px; width: 300px; font-family: Verdana, Arial, Helvetica, sans-serif;
}
#box .title{
 height: 28px; line-height: 28px; font-size: 18px; font-weight: bold; text-align: center; color: #000000; background-image: url(../images/title_bg.png); background-repeat: no-repeat; padding-left: 40px;  background-color: #cccccc;
}
#box .body{
  text-align: left; color: #000000; background-color: #ccddff; padding: 10px; width: 275px;
}
#box .body2 {
  font-family: Verdana, Arial, Helvetica, sans-serif;  font-size: 14px; font-weight:  bold; text-align: center; color: #000000; background-color: #000000;  padding: 10px;
}
#box .title2{
 text-align: left; height: 26px; line-height: 26px; font-size: 14px; font-weight: bold; color: #3e3e3e;
}
#box .base_font_box{
 text-align: left; height: 18px; line-height: 18px; font-size: 12px; color: #3e3e3e;
}
  /* -------- box --------------  */
 /*
================================================================================
|                                     FONTS                                     |
================================================================================
*/
body {
  font-family: Verdana, Arial, Helvetica, sans-serif;  font-size: 12px; background-image: url(../images/bg1.jpg);
}
.text_base {
 font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000;  font-size: 13px; line-height: 20px; padding: 10px;
}
.txt_banner{
  font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF;  font-size: 22px; line-height: 30px; text-align: center;
}

.s_offer {
  padding-left: 5px; font-size: 13px; line-height: 18px; font-family:  Tahoma, Geneva, sans-serif;
}
.s_offer a {
  color: #000000; text-decoration: none; font-weight: bold;
}
.s_offer a:hover {
  color: #FF0000;
}
.more_link {
  font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; font-size: 13px; text-align: right; padding-right: 15px;
}
.more_link a {
  color: #000000;
}
.more_link a:hover {
  color: #000000;
}
.offer_info{
 font-family: "Comic Sans MS", cursive, sans-serif;  background-color: #FFFFFF; color: #2e2e2e; font-size: 14px; font-weight: bold; height: 20px; line-height: 20px; text-align: center;  letter-spacing: 1px;
}
.offer_price{
  color: #A80000; font-size: 19px; font-weight: bold; height: 20px; line-height: 20px;
}
.offer_days{
  color: #A80000; font-size: 17px; font-weight: bold; height: 20px; line-height: 20px;
}
.offer_link {
  font-family: "Comic Sans MS", cursive, sans-serif; color: #A80000; font-size: 16px; font-weight: bold; line-height: 25px; padding-left: 5px;
}
.offer_link a {
  color: #A80000; text-decoration: none;
}
.offer_link a:hover {
  color: #000000;
}

.price_car{
  padding: 3px; text-align: center; float: left;
}
.price_div{
  padding: 10px; text-align: center; float: left; font-family: "Comic Sans MS", cursive, sans-serif;
}
.price_days{
  color: #000000; font-size: 17px; font-weight: bold; height: 20px; line-height: 20px;
}
.price_euro {
  color: #A80000; font-size: 17px; font-weight: bold; height: 20px; line-height: 20px;
}

.bot_base_div {
  width: 950px; margin: 0 auto; text-align: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;
}
.bot_base_div a {
  color: #FFFFFF;
  text-decoration: none;
}
.bot_base_div a:hover {
  color: #FF0000;
  text-decoration: none;
}
/*
================================================================================
|                                     OTHERS                                    |
================================================================================
*/

/*--------------------------- car_list  ----------------------*/
#car_list {

}
#car_list .box_car {
  width: 330px; border: #6e6e6e solid 1px;
}
#car_list .box_car_line {
  width: 320px; border-bottom: #6e6e6e solid 1px;
}
#car_list .car_img {
  border: 1px solid #000000;
}
#car_list .left_info {
  width: 230px;
  float: left;
  font-size: 11px;
  text-align: left;
}
#car_list .right_info {
  width: 90px;
  float: right;
}
#car_list .left_s_info {
  line-height: 16px;
  font-size: 11px;
  float: left;
  width: 140px;
  padding-left: 10px;
}
#car_list .right_s_info {
  float: right;
  text-align: right;
  width: 80px;
  line-height: 16px;
  font-size: 11px;
}
#car_list .left_title_info {
  font-weight: bold;
  font-size: 15px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
#car_list .right_title_info {
  font-weight: bold;
  font-size: 14px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #000000;
}

/*------------------------ Menu CSS  ---------------------------*/
#top_menu {
  position: relative;
  top: 0px;
  width:950px;
  position:relative;
  margin: 0 auto;
  background-color: #5c626e; background-image: url(../images/menu_bg.gif);
}

#menu {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  float: left;
  width: 950px;
  /*		border-top: 1px solid #000000;  */
  margin: 0;
  padding:0;
  background-color: #5c626e; background-image: url(../images/menu_bg.gif);
    text-align: center;
}

#menu td {
  letter-spacing: 0px;
  border-left: 1px solid #313131;
  text-align: center;
  width: 155px;
 /* background: url('../images/bg_menu1.png') no-repeat top left;   */
}

#menu td a {
  float: left;
  font-size: 14px;
  color: #000000;
  text-decoration: none;
  line-height: 37px;
  height: 37px;
  font-weight: bold;
	display:block;
  text-align: center;
  width: 155px;
 /*	background:url(../images/bg_menu_m.png) repeat 0px 0px;  */
	padding:0px 0px 0px 0px;
}

#menu td a:hover {
  color: #A80000;
  font-weight: bold;
  background-position: 0px 0px;
  text-align: center;
  width: 155px;
 /*	  background: url('../images/bg_menu_m.png') no-repeat top left;   */
}
#menu .act_td {
  color: #000000;
  font-weight: bold;
  border-right: 1px solid #313131;
 /*	  background: url('../images/bg_menu.png') no-repeat top left;    */
}
#menu .act_td a {
  color: #000000;
 /*	  background: url('../images/bg_menu.png') no-repeat top left;     */
}
/*-------------------------------------------------------------------*/

.menu_div{ margin: 0px; height: 35px;background: #36529b;   }
.navbar { margin: 0px; margin-right: 0px; border-radius: 0; border: 0xp; padding: 0px;
background: #36529b; color: #FFFFFF;
background: -moz-linear-gradient(top,  #36529b 0%, #3065b1 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#36529b), color-stop(100%,#3065b1));
background: -webkit-linear-gradient(top,  #36529b 0%,#3065b1 100%);
background: -o-linear-gradient(top,  #36529b 0%,#3065b1 100%);
background: -ms-linear-gradient(top,  #36529b 0%,#3065b1 100%);
background: linear-gradient(to bottom,  #36529b 0%,#3065b1 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#36529b', endColorstr='#3065b1',GradientType=0 );
}
.navbar { min-height: 13px; }
.navbar-toggle, .navbar-nav > li > a { font-weight: normal; padding-left: 15px;   padding-right:15px; padding-top: 7px; padding-bottom: 4px;}

.navbar .navbar-nav > .active > a {
  color: #FFFFFF;
}
.navbar-brand,
.navbar-nav > li > a {
  color: #FFFFFF; font-size: 20px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
}
.navbar-toggle {
  color: #FFFFFF; font-size: 20px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
}
.navbar-nav > li > a:hover {
  color: #36529b; background-color: #6baadf;
}
.navbar-static-top, .navbar-fixed-top, .navbar-fixed-bottom {
  border-radius: 0;
}

/* --------------------------------------------- */
.photogalery {
  border: 4px solid  #FFFFFF; float: left;  cursor: pointer; margin-right: 10px; margin-bottom: 10px;
  -webkit-box-shadow: 1px 1px 4px 2px #BFBFBF;
        box-shadow: 1px 1px 4px 2px #BFBFBF;
}
.photogalery:hover {
  border: 4px solid  #CCCCCC;
}
/* --------------------------------------------- */
.car_m {
position: absolute;
top: 13px;
left: -2px;
padding: 5px 12px 5px 8px;
font-size: 12px;
line-height: 16px;
font-weight: bold;
border-radius: 2px 16px 16px 2px;
-moz-border-radius: 2px 16px 16px 2px;
-khtml-border-radius: 2px 16px 16px 2px;
-webkit-border-radius: 2px 16px 16px 2px;
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;
z-index: 1;
/* --------------------------------------------- */ 
background: #cc0000; width: 200px;
background: -webkit-gradient(linear, left top, left bottom, from(#ed4949), to(#cc0000));
background: -moz-linear-gradient( center top, #ed4949 0%, #cc0000 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed4949', endColorstr='#cc0000');
color: #fff;
text-shadow: -1px -1px 0 #a70303;
}



.cargroup {
  background:#ABBFD7;
  font:16px Tahoma, Arial, sans-serif; padding: 15px; margin: 0px; padding-bottom: 5px; padding-top: 5px;
  font-weight: bold; letter-spacing: 1px;
	color: #000000;
}
.price_title{
  background:  #375D86; width: 280px; padding: 5px; text-align: center;
}
.t1{
  font-size: 18px; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF;
}
.t2{
  font-family: Arial, Helvetica, sans-serif;
}
.t3{
  background-color:#ABBFD7; width: 88px; float: left; margin: 1px; padding: 10px; text-align: center; font-size: 12px;  color: #101415;
  padding-left: 0px; padding-right: 0px;  font-family: Arial, Helvetica, sans-serif;
}
.t3 strong{
  color: #000000;
}

.price_div{
   width: 280px; padding: 5px; background-image: url(../images/bg1.jpg);
}

.box_car{
  width: 250px !important; float: left; margin-bottom: 10px; margin-left: 2px;
}
.box_car_line{
  width: 245px !important;
}
.left_info{
  width: 140px !important;
}
.left_s_info{
  width: 100px !important;
}
.right_s_info{
  width: 30px !important;
}