/***************************/
/**    Matej Pliesovsky   **/
/**     copyright 2015    **/
/***************************/


/***************************/
/***************************/
/*********** Page **********/
/***************************/
/***************************/


/***************************/
/********* General *********/
/***************************/
html {background:url(images/background.jpg) #cbcebb no-repeat center fixed; -webkit-background-size:cover;  -moz-background-size:cover;  -o-background-size:cover; background-size:cover;}
div.content {margin:0 0 0 23%;}
body.booking { background: rgb(230,220,210); }

/***************************/
/******* Advertisment ******/
/***************************/
div.advertisment {background:none;}


/***************************/
/********** Header *********/
/***************************/
body.booking > header  {background: rgb(255,255,255); border-bottom: 1px solid rgba(250, 250, 250, 0.5); padding: 0.5em 5.5%;}
body.booking > header a.home, body.booking > header a.home i{ color: #fff; }
body.booking > header img {  height: 50px; }

div.content > header nav {border:0;}

div.content > header nav.top ul li.social a.phone {background:rgba(107, 101, 97, 1);}

/***** Main navigation *****/
div.content > header nav.main {background:none;}
div.content > header nav.main img {height:50px;}
div.content > header nav.main ul.mainMenu li a:hover {background:none;}
div.content > header nav.main ul.mainMenu li.active a {background:none;} 



/****** Top navigation *****/
div.content > header nav.top p {color:#000;}


/***************************/
/********** Footer *********/
/***************************/
div.content > footer {background:none;}
body.booking footer{ background: rgb(230,220,210); color:#000;}

/***************************/
/********* Content *********/
/***************************/
div.content > section.content {background:none; padding-top:0;}
div.content > section.content > div.contact article {width: 100%}
div.content > section.content > div.article div.gallery {float: none;}
div.content > section.content > div.article div.gallery a {width: auto;}

div.content > section.content table {width:50%;}



/***************************/
/***************************/
/*********** Form **********/
/***************************/
/***************************/
.form {}

/*********** Menu **********/
.form ul.menu li a {background:rgba(132,115,102, 0.7);}
.form ul.menu li a:hover {background:rgba(132,115,102, 1);}
.form ul.menu li.active a {background:rgba(132,115,102, 1);}

.form ul.menu li:hover span.arrow i {color:rgba(132,115,102, 1);}
.form ul.menu li.active span.arrow i {color:rgba(132,115,102, 1);}

.form form fieldset a.button {background:rgba(107, 101, 97, 1); color:rgba(255, 255, 255, 1);}
.form form fieldset a.button:hover {background:rgba(107, 101, 97, 1); color:rgba(255, 255, 255, 1);}


/***************************/
/********* Booking *********/
/***************************/
body.booking > header a.call {display:inline-block; background:url(call.png) no-repeat top left; padding-left:54px; float:right; margin-right:5em; text-align:right;}
body.booking > header a.call span.call {display:block; color:#ffffff;  font-size:15px; font-style:italic; font-weight:bold;}
body.booking > header a.call span.number {display:block; color:#f4ecc7; font-size:25px; white-space: nowrap; font-weight:bold;}

/********** Steps **********/
.steps {background:rgba(132,115,102, 1); border-bottom: 1px solid rgba(250, 250, 250, 0.5)}
.steps ul li {background: rgb(132,115,102);}
.steps ul li.done {background:rgb(148, 130, 116);}
.steps ul li a:hover {background:rgb(148, 130, 116);}
.steps ul li.active {background:rgb(148, 130, 116); color: #f3e60f; }

/********** List ***********/
.list article {background:rgba(253,253,253,1); border-color:rgba(223, 223, 223, 1);} 		/* offer box */

/******** Headings *********/
.list h1 {color:rgba(0, 0, 0, 1);} 		/* hotel name */
.list h2 {color:rgba(0, 0, 0, 1);} 	/* hotel rankings + hotel facilities + offerServices + offerPrice + offerFlights */
.list h3 {color:#123869;} 	/* country name + headings */
.list h4 {color:rgba(0, 0, 0, 1);}	 	/* region name */

/********** Stars **********/
.list article p.stars {color:rgba(107, 101, 97, 1);}

/********** Price **********/
span.price strong {color:rgba(0, 0, 0, 1);}

/********* Buttons *********/
span.button.region {background:rgba(107, 101, 97, 0.85); color:rgba(255, 255, 255, 1);}
span.button.region:hover {background:rgba(107, 101, 97, 1); color:rgba(255, 255, 255, 1);}
span.button.dates:hover {background:rgba(107, 101, 97, 1); color:rgba(255, 255, 255, 1);}
span.button.dates {background:rgba(107, 101, 97, 0.85); color:rgba(255, 255, 255, 1);}
span.button.details {background:rgba(107, 101, 97, 0.85); color:rgba(255, 255, 255, 1);}
span.button.details:hover {background:rgba(107, 101, 97, 1); color:rgba(255, 255, 255, 1);}
span.button.check {background:rgba(107, 101, 97, 0.85); color:rgba(255, 255, 255, 1);}
span.button.check:hover {background:rgba(107, 101, 97, 1); color:rgba(255, 255, 255, 1);}
span.button.check.available.booking {background:rgba(107, 101, 97, 0.85); color:rgba(255, 255, 255, 1);}
span.button.check.available.booking:hover {background:rgba(107, 101, 97, 1); color:rgba(255, 255, 255, 1);}

/********** Paging *********/
.paging ul li a {background:#f0f0f0; border-color:#dedede;}
.paging ul li a:hover, .paging ul li.active a {background:#000; color:#fff;}


/******* Conditions ********/
.list article ul.conditions li.airTemperature i {} 		/* temperature icon */
.list article ul.conditions li.waterTemperature i {} 	/* water temperature icon */
.list article ul.conditions li.flightDuration i {} 		/* flight duration icon */
.list article ul.conditions li.hotelAvailability i {} 	/* hotel availabily number */


/********** Total **********/
.list article ul.totalPrice li {background:rgba(252, 216, 23, 0.1); border-color:rgba(252, 216, 23, 0.5);}     /* total price box */
.list article ul.totalPrice li span.label {color:rgba(0, 0, 0, 1);}


/********** Legend *********/
.list article.booking fieldset legend {color:rgba(46, 51, 148, 1);}