@font-face {
	  font-family: 'kefOpenSans';
	  src: url(https://www.kefalonia-parga.com/2019/fonts/OpenSans-Regular.ttf);
	}
	
	@font-face {
	  font-family: 'kefOpenSans';
	  src: url(https://www.kefalonia-parga.com/2019/fonts/OpenSans-Bold.ttf);
	  font-weight: bold;
	}
	
	@font-face {
	  font-family: 'kefOpenSans';
	  src: url(https://www.kefalonia-parga.com/2019/fonts/OpenSans-Italic.ttf);
	  font-style: italic;
	}
	@font-face {
		font-family: 'fonts/open_sanscondensed_light';
		src: url('fonts/OpenSans-CondLight-webfont.eot');
		src: url('fonts/OpenSans-CondLight-webfont.eot?#iefix') format('embedded-opentype'),
			 url('fonts/OpenSans-CondLight-webfont.woff') format('woff'),
			 url('fonts/OpenSans-CondLight-webfont.ttf') format('truetype'),
			 url('fonts/OpenSans-CondLight-webfont.svg#open_sanscondensed_light') format('svg');
		font-weight: normal;
		font-style: normal;
	
	}
	body { 
		background: #052E44 url(https://www.kefalonia-parga.com/krp/bg_r.jpg) top repeat-x fixed;
		font-size: 13px;
		font-family: Arial, Helvetica, sans-serif;
		color: #161616;
		vertical-align: top;
		line-height: 150%;
	}
	a { font-weight:bold; }
	.RedText, .RedText span, .RedText a {
		color: #FF0000; font-weight:bold;
	}
	.RedText a { 
		text-decoration:underline;
	}
	.cont { background: url(https://www.kefalonia-parga.com/2019/krp/cont.png) repeat; padding-top:20px; }
	h1, .h1    { 
		line-height: 30px;
		color: #052E44;
		font-size: 24px;
		font-weight: normal;
		margin: 0px 0px 10px 0px; 
	}	
	#book {
		background: url(https://www.kefalonia-parga.com/krp/book.png) top center no-repeat;
		height: 40px;
		width: 130px;
		color: #FFFFFF;
		text-decoration: none;
		font-size: 12px;
		line-height: 40px;
		cursor: pointer;
		font-weight: bold;
		text-align: left;
		text-transform: uppercase;
	}
	.h_kainos {
		background: url(https://www.kefalonia-parga.com/krp/bg_ho.jpg);
		background-size: contain;
		margin: 0px 0 2px 0;
	}
	.h_kainos td {
		padding:5px;
	}
	.carousel {
		height: 270px;
		margin-bottom: 0px;
	}
	.carousel .item, .carousel-inner > .item > img {
		height: 270px;
	}
	.carousel-logo {
		right: 0px;
		left: 0px;
		position: absolute;
		margin-top:10px;
	}
	.hotels-photos { padding-left:0px; padding-right:10px;} 
	
	#logo-img { width: 45%;}
	
	.navbar-default .navbar-nav>li>a, .meniu-reg a, .navbar-nav>li>.dropdown-menu a {
		font-family: 'kefOpenSans';
		line-height: 31px;
		color: #A2801E;
		font-size: 18px;
		text-transform: uppercase;
		text-decoration: none;
		cursor: pointer;
		font-weight:normal;
	}
	.navbar-default .navbar-nav>li>a:hover {		
		color: #fff;
	}
	.navbar-nav {
		float:none;
		margin:0 auto;
		display: block;
		text-align: center;
	}	
	.navbar-nav > li {
		display: inline-block;
		float:none;
	}
	.navbar { margin-bottom:0px; min-height:30px; }
	.navbar-nav>li>.dropdown-menu {
		background-color: #052E44; border-radius: 0px; border:0px;
	}
	
	.meniu-reg {
		background-color: #052E44;  
		padding-top:5px;
		padding-bottom:5px;
	}
	.meniu-reg .nav>li>a:hover, .nav .open>a, .nav .open>a:hover, .nav .open>a:focus { background-color: #052E44;}
	@media (min-width:768px){
		.navbar-nav>li>a {
			padding-top: 5px;
    		padding-bottom: 5px;
		}
		.hotel-image { height:300px; cursor:pointer; }
	}
	@media (max-width:767px){
		.hotels-photos { padding-left:0px; padding-right:0px;} 
		.carousel {
			height: 170px;
			margin-bottom: 0px;
		}
		.carousel .item, .carousel-inner > .item > img {
			height: 170px;
		}
		.carousel-logo img {
			width: 250px;
		}
		#logo-img { width: 80%;}
		.navbar-nav > li {
			display:inline;
		}
		.hotel-image { height:220px; cursor:pointer; }
	}
	.hotel-list h2 {
	    font-family: 'kefOpenSans';
		line-height: 20px;
		color: #052E44;
		font-size: 14px;
		font-weight: normal;
		margin: 5px 0px 5px 0px;
	}
	.hotel-list a { text-decoration:underline; color: #052E44; }
	.date {
		color: #666666;
		font-size: 12px;
	}
	.news-list a { text-decoration:underline; }
	.photo-list img {     border: 1px solid #CCC; }
	.photo-list li {      background: #A2AFB6; }
	div.LSouter {
	position: relative;
	height:150px;
	}
	div.LSinner {
	overflow: hidden;
	white-space: nowrap;
	position: absolute;
	width: 100%;
	background-color:#CCCCCC;
	border:1px solid #ccc;
	} 
	.book-fields input, .book-fields select { margin:1px; }
	.cal-field { background: #FFFFFF url(http://www.kefalonia-parga.com/krp/calendar-icon.png) center right no-repeat; cursor:pointer; }
	#reset {
		background: url(https://www.kefalonia-parga.com/krp/reset.png) top center no-repeat;
		height: 40px;
		width: 130px;
		color: #FFFFFF;
		text-decoration: none;
		font-family: 'kefOpenSans';
		font-size: 12px;
		line-height: 40px;
		cursor: pointer;
		font-weight: bold;
		text-align: left;
		text-transform: uppercase;
	}
	
	#return-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.7);
    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top i {
    color: #fff;
    margin: 0;
    position: relative;
    left: 16px;
    top: 13px;
    font-size: 19px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top:hover {
    background: rgba(0, 0, 0, 0.9);
}
#return-to-top:hover i {
    color: #fff;
    top: 5px;
}
div { text-align:justify; }

footer, footer td, footer span, footer div, footer p, footer a {
	text-align:center;
	color: #E9ECEE;
    font-size: 11px;
}	
.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}
.equal {}
@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }	
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
	.equal {
	  display: flex;
	  display: -webkit-flex;
	  flex-wrap: wrap;
	}
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}