@charset "UTF-8";
body,html { padding:0; margin:0; font-size: 16px; font-family:Arial, Helvetica, sans-serif; color:#636363; font-family: 'Roboto', sans-serif; }
.clear { clear:both; } .right { float:right !important; } .left { float:left !important; }

body {background:#f2f2f2 url('images/bodybg.jpg') repeat;}

label { display:inline-block; min-width:150px; }

a:link { text-decoration:none; color:#03C; }
a:visited { text-decoration:none; color:#03C; }
a:hover { color:#F00; }
a:active { text-decoration:none; color:#03C; }

.nop p { padding:0; margin:0; }

/* HEADER */

.container { position:relative; width:1200px; margin:0 auto 0 auto; border:solid 0px #FF0000; min-width:400px; }
.container.fw { width:auto; }
.container .subContainer { position:relative; width:1280px; margin:0 auto 0 auto; border:solid 0px #FF0000; }
.container.contTextBox { color:#636363; line-height:24px; }
.container.contTextBox h2 { font-size:26px; color:#636363; font-weight:normal; }

.contFull { position:relative; width:auto; margin:0 auto 0 auto; line-height:26px;  }
.contFull.grey { background-color:#CCC; }
.contFull.white { background-color:#FFF; }
.contFull.black2 { background-color:#282828; color:#FFF; }
.contFull.black { background-color:#000; color:#FFF; }
.contFull.blue { background-color:#4ab3ce; color:#FFF; }
.contFull.red { background-color:#ce4a4a; color:#FFF; }


.textBox { position:relative; padding:10px; }
.col2 { position:relative; width:49%; float:left; border:solid 0px #999999; }
.col2.last { float:right; }

.col2 img { max-width:100%; height:auto; }
.col1 img { max-width:100%; }

.col3 { position:relative; width:33.1%; float:left; border:solid 0px #CCCCCC; }
.col3.last { float:right; }


.col1of3 { position:relative; width:33.1%; float:left; border:solid 0px #333333; }
.col1of3 img { max-width:100%; height:auto; } 

.col2of3 { position:relative; width:65%; float:left; }
.col2of3.last { float:right; }




.contFull.blue a { color:#045280; }
.contFull.blue a:hover { color:#FC0; }

#sectionDownloads { border-top:dashed 1px #CCC; }
#sectionDownloads p { display:block; clear:both; }
#sectionDownloads img { float:left; width:32px; height:auto; max-height:32px; margin-right:10px; margin-bottom:10px; }
#sectionDownloads a { display:block; color:#36C; }
#sectionDownloads a:hover { color:#C30; }

#sectionNews h1 { border-bottom:groove 10px #999; padding-bottom:10px; }
#sectionNews a { color:#FFF;  }
#sectionNews a:hover { color:#FC0;  }

#sectionFooter { border-top:dashed 1px #999; color:#FFF; font-size:12px; padding-bottom:25px; }
#sectionFirst { border-bottom:dashed 0px #CCC; border-top:dashed 1px #CCC; padding-bottom:25px; } 
#sectionVideo iframe { width:100%; height:auto; min-height:550px; }
.sectionVideo iframe { width:100%; height:auto; min-height:550px; }

.fullPad { padding-top:30px; padding-bottom:30px; }








.mrgTop { margin-top:10px !important; }
.mrgTop30 { margin-top:30px !important; }
.mrgBottom { margin-bottom:10px !important; }
.mrgBottom30 { margin-bottom:30px !important; }

.padTop { padding-top:10px !important; }
.padBottom { padding-bottom:10px !important; }

.mrgBottom { margin-bottom:10px; }

.text-center { text-align:center !important; }
.text-right { text-align:right !important; }
.text-left { text-align:left !important; }

.bg-grey { background-color:#ebebeb; color:#FFF; text-align:center; }
.bg-greyLite { background-color:#7c7c7c; color:#FFF; text-align:left; }
.bg-greyLite2 { background-color:#e9e9e9; color:#404040; text-align:left; }

.logo { background-color:#FFF; }
.logoImage { float:left; }
.mini { margin-top:-6px; }


/* .lang { background-color:#f65730; color:#FFF; padding:10px; border-radius:20px; } */

.langBar { font-size:10px; position:absolute; right:0; top:-5px; z-index:9999999; }
a.lang { background-color:#CCC; color:#FFF; padding:5px 10px 5px 10px; }
a.lang:hover { background-color:#999; padding-bottom:15px; }
a.lang.active { background-color:#c82e1b; }

.langs { margin-top:-8px; }
.langs img { opacity:0.3; width:32px; height:32px; }
.langs img:hover { opacity:1; }
.langs img.active { opacity:1; }

/* --> ELEMENTS */
.h1-title { padding:15px; margin:0; text-align:center; font-size:30px; color:#404040; font-weight:normal; }
.h2-title { padding:15px; margin:0; text-align:left; font-size:18px; color:#404040; font-weight:bold; }
.h3-main { padding:10px 10px 10px 10px; margin:0; font-size:18px; font-weight:normal; color:#FFF !important; } 
.btnReservation { padding:15px; background-color:#cb5755; color:#FFF; font-size:22px; cursor:pointer; }
.btnReservation:hover { background-color:#ffa93d; }
.btnReservationSlogan { padding-top:5px; font-size:14px; }
.btnReservationSlogan img { float:left; margin-right:10px; }
.font-tahoma { font-family:Tahoma, Arial, Geneva, sans-serif; }
.size13 { font-size:13px; }
/* <-- */


/* --> MAIN MENU */
#mMenu { display:block; float:right; margin-top:15px; }
#mMenu ul { position:relative; list-style:none; margin:0; padding:0; z-index:9999; }
#mMenu ul a { display:block; text-decoration:none; padding:15px; color:#636363; background-color:#FFF;  }
#mMenu ul a:hover { background-color:#c82e1b; color:#FFF; }
#mMenu ul a.active { background-color:#c82e1b; color:#FFF; }
/*#mMenu ul a.active { background-color:#f67b30; color:#FFF; }*/
#mMenu ul li { position:relative; display:inline-block; margin:0; padding:0; margin-right:5px;  }
#mMenu ul li:hover { background-color:#CCC; }
#mMenu ul li:hover > ul { display:block; border-left:solid 1px #c82e1b; }
#mMenu ul ul { display:none; position:absolute; top:100%; left:0; padding:0; margin:0; border:solid 0px #FFCCCC; }
#mMenu ul ul li { width:200px; text-align:left; background-color:#404040; background:url(images/bg-greyTransp.png) repeat; }
#mMenu ul ul ul { position:absolute; top:0; left:100%; }
/* <-- */


/* --> COLS */
.col1of2 { position:relative; width:49.5%; max-height:404px; border:solid 0px #CCCCCC; float:left; padding:0; overflow:hidden; }
.col1of2.last { margin-right:0; float:right; }
.col1of2.backImage img { width:100%; height:auto; }
.col1of2.backImage img:hover { 
    -webkit-transform:scale(1.5); /* Safari and Chrome */
    -moz-transform:scale(1.5); /* Firefox */
    -ms-transform:scale(1.5); /* IE 9 */
    -o-transform:scale(1.5); /* Opera */
     transform:scale(1.5);
	transition: all 1s ease;
}

.noMaxHeight { max-height:inherit; }



.col_h3 { position:absolute; top:40px; left:40px; padding:0; margin:0; color:#FFF; text-shadow: 1px 1px 10px #000000; font-weight:normal; font-size:22px; }

.colBottomContainer {
	position:absolute; bottom:0px; left:0px; font-size:14px; padding:15px; color:#FFF; background:url(images/bg-greyTransp.png) repeat;
	line-height:24px;
	min-height:70px;
	width: calc(100% - 29px);	
	width: -webkit-calc(100% - 29px); 
    width:    -moz-calc(100% - 29px); 
    width:      -o-calc(100% - 29px);
}

/* <-- */


/* --> CAROUSEL */
#owl .item img{
    display: block;
    width: 1200px;
    height: auto;
}

.mg-image img {
    -webkit-transition: all 1s ease; /* Safari and Chrome */
    -moz-transition: all 1s ease; /* Firefox */
    -o-transition: all 1s ease; /* IE 9 */
    -ms-transition: all 1s ease; /* Opera */
    transition: all 1s ease;
       /*max-width: 510px; */
	   max-width:1080px;
}
.mg-image:hover img {
    -webkit-transform:scale(1.5); /* Safari and Chrome */
    -moz-transform:scale(1.5); /* Firefox */
    -ms-transform:scale(1.5); /* IE 9 */
    -o-transform:scale(1.5); /* Opera */
     transform:scale(1.5);
}

.mg-image {
  /*width:520px;*/
  border-radius:0px;
  overflow: hidden;
}

/* <-- */


/* --------------> BOOKING <-------------------- */
.bookingStep { position:relative; float:left; text-align:center; width:200px; border-radius:6px; padding:10px; background-color:#e7e7e7; margin-right:10px; }
.bookingStep.active { background-color:#9C6; }
.book-image { float:left; margin-right:15px; width:100%; max-width:500px; height:auto; }
.bookLine { padding:10px 10px 10px 10px; margin:0; font-size:18px; font-weight:normal; border-bottom:solid 1px #CCCCCC; }
.bookLine span { float:right; }
.bookLine.total { background-color:#c6deee; font-weight:bold; }
.bookLine.advance { background-color:#f5fcfc; }
.booking label { display:block; width:250px; padding:10px; float:left; clear:both; }
.booking input { float:left; width:350px; border:solid 1px #CCC; padding:10px; font-size:14px; border-radius:4px;  }
.booking select { float:left; width:370px; border:solid 1px #CCC; padding:10px; margin-left:0; font-size:14px; border-radius:4px;  }
.booking textarea { margin-left:10px; width:90%; height:120px; border:solid 1px #CCC; padding:10px; font-size:14px; border-radius:4px; }
.bookPreviewSpan { float:left; width:350px; border:solid 0px #CCC; padding:10px; font-size:14px; border-radius:4px; }

/* --> FOOTER */
.footer { border-top:solid 15px #ebebeb; font-size:14px; color:#333; line-height:24px; }
.footer .iconContainer { width:200px; border:solid 0px #060 !important; float:left; margin-bottom:0px; font-size:14px; }
.footer .iconContainer.full { width:100%; }
.footer .iconContainer { position:relative; margin-bottom:5px; margin-top:5px;  border:solid 0px #FFFFFF; }
.footer .iconContainer .footerIcon { float:left; margin-right:10px;  }
.footer .iconContainer .footerText { float:left; margin-top:9px; }
.footer a { font-size:14px; }
.footer ul,li { padding-top:0; padding-bottom:0; margin:0; }
.ssl img { border:solid 0px #063; margin-left:-50px; margin-top:-30px; }
a.octo:link { color:#999; text-decoration: none; font-size:10px; }
a.octo:visited { text-decoration: none; color: #999; font-size:10px; }
a.octo:hover { text-decoration: none; color: #06C; font-size:10px; }
a.octo:active { text-decoration: none; color: #999; font-size:10px; }
/* <-- */




/* ------------------------ FILOXENIA VILLA ---------------------- */

.menuBar { position:fixed; top:0; background-color:#FFF; width:100%; box-shadow:0px 0px 10px #CCC; z-index:9999; }

.menuButton { display:none; width:34px; height:34px; background:url(images/menuBtn.png) top no-repeat; float:left; margin-right:15px; margin-top:10px; cursor:pointer; }
.menuButton:hover { background-position:bottom; }

.hidden { display:none !important; }
.visible { display:block !important; }

.boxMargin { margin-top:10px; margin-bottom:10px; }
.boxPadding { padding-bottom:10px; padding-top:10px; }
.padding10 { padding:10px; }
.padding15 { padding:15px; }
.h2 { font-size:26px; color:#636363; font-weight:normal; }
.h3 { font-size:22px; color:#636363; font-weight:normal; }


a.btn:link { text-decoration:none; color:#FFF; padding:15px; background-color:#30c8f4; display:inline-block; text-align:center; }
a.btn:visited { text-decoration:none; color:#FFF; }
a.btn:hover { text-decoration:none; color:#FFF; background-color:#ffa93d; }
a.btn:active { text-decoration:none; color:#FFF; }

input[type=submit].btn { text-decoration:none; color:#FFF; font-size:16px; padding:18px 15px 18px 15px; background-color:#30c8f4; display:inline-block; text-align:center; border: 0; font-family: 'Roboto', sans-serif;}
input[type=submit].btn:visited { text-decoration:none; color:#FFF; }
input[type=submit].btn:hover { text-decoration:none; color:#FFF; background-color:#ffa93d; cursor: pointer;}
input[type=submit].btn:active { text-decoration:none; color:#FFF; }

a.btn.blue2 { background-color:#0079e0; }
a.btn.blue2:hover { background-color:#ffa93d; color:#FFF; }

.loginBtn { padding-right:35px !important; padding-left:35px !important; }



.effectHover:hover { box-shadow: 0px 0px 15px #999; }

.image-right { float:right; margin:5px; }
.font14 { font-size:14px; line-height:24px; }

.responsive-image { margin:5px 10px 10px 0px; }
.roomImages img { width:110px; height:60px; margin-right:5px; opacity:0.5; }
.roomImages img:hover { opacity:1; }

.table-prices tr:first-child td { background-color:#ebebeb; color:#636363; font-weight:bold; }
.table-prices tr:last-child td { border-bottom:solid 1px #CCC; }

.table-reservation td:first-child { border-right:solid 1px #CCCCCC; }

.inp { padding:10px; border:solid 1px #CCCCCC; background-color:#FFF; font-size:14px; margin-left:15px; min-width:250px; }
.inp.textArea { width:500px; height:100px; }
.backr { background-color:#FFC; }
.googleMap { width:100%; height:350px; }