/*GENERAL CSS*/

body{
    font-family: 'Open Sans', sans-serif;
}
h1{
    line-height: 0;
    text-indent: -9999px;
}
h2{
    color: #000;
    font-size: 40px;
    font-weight: bold;
    padding: 2px 0 10px 0;
    text-align: center;
}
h3, h4{
    color: #000;
    font-size: 33px;
    font-weight: bold;
    padding: 2px;
    vertical-align: middle;
}
label,
div,
p,
li{
    font-size: 3vw;
}
input.form-control,
select.form-control{
    font-size: 2.5vw;
    height: 100%;
}
div{
    color: #000;
    vertical-align: middle;
 }
p{
    color: #000;
    padding: 2px;
}

.btn-lg{
    font-size: 3.5vw;
}
.text-center{
    left: 0;
    margin-left: 0;
    margin-right: 0;
    position: relative;
    right: 0;
}

/*HEADER*/

#header_wrapper{
    background-color: #FEF3CF;
}
div.lang{
    float: right;
    font-size: 40px;
    padding: 1% 0 1% 1%;
    text-align: right;
}
div.lang a{
    color: #000;
}
div.lang a:hover{
    text-decoration: none;
}
div.bookNow{
    float: left;
    font-size: 30px;
    margin: 1% 0 1% 0%;
}
div.bookNow a{
    color: #000;
}
div.bookNow a:hover{
    text-decoration: none;
}
a.full,
a.full:visited {
    color: #0000EE;
    padding: 0 10px;
}

/*SLIDER*/
#slideshow_wrapper{
    max-width: 100%;
    padding: 0 0 0 0;
}
div.lSSlideWrapper{
    max-width: 100% !important;
}
.lightSlider img{
    width: 100%;
}
.slider {
    background-image: url(../img/transparent.png);
    padding: 5px 20px 5px 5px;
    position: absolute;
    right: 5px;
    text-align: right;
    top: 5px;
    width: 75%;
}
.image_wrapper img{
    float: left;
}
.image_wrapper p{
    background-image: url(../img/transparent.png);
    padding: 5px;
    position: absolute;
    right: 0;
}

/*ABOUT*/

#about_wrapper{
    background-color: #FEF3CF;
    padding: 20px;
}
div.intro p{
    color: #FF9900;
    font-size: 22px;
    font-weight: bold;
    text-align: justify;
}
div.about p{
    font-size: 22px;
    text-align: justify;
}
div.ending p{
    color: #FF9900;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
}

/*ROOMS*/

#rooms_wrapper{
    background-color: #882510;
}
#rooms_wrapper h3,
#rooms_wrapper p{
    color: #FF9966;
    margin-bottom: 30px;
    padding: 2px;
}
#rooms_wrapper h2{
    color: #FF9966;
}
.givepadding{
    color: #FF9966;
}
.room_price p{
    line-height: 1.8;
}
.row{
    color: #FF9966;
    margin: 2px;
    vertical-align: middle;
}
div#text div{
    color: #FF9966;
}
div.border{
    border-bottom: 2px solid #FF9966;
    margin-bottom: 40px;
}
.picture{
    float: left;
    padding: 0.5% 2% 2% 2%;
}
.text{
    margin-top: 4px;
}
.mainImage{
    padding-bottom: 20px;
    width: 100%;
}
p.icons{
    text-align: center;
}
img.pictograms{
    padding: 10px 10px 2px 10px;
    
}
div.list .servicesImage img{
    max-width: 50px;
}
.icons img.pictograms{
    max-width: 100px;
}

/*PRICES*/

#prices_wrapper{
    background-color: #FEF3CF;
}
table.table1{
    border-collapse: separate;
    font-family: 'Open Sans', sans-serif;
    font-size: 22px;
    font-style: normal;
    padding-bottom: 25px;
    text-align: left;
    width: 100%;
}
.table1 thead th{
    background-color: #882510;
    border: 1px solid #fff;
    border-bottom: 3px solid  #880000;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    color: #fff;
    padding: 10px 20px 10px 20px;
    -moz-border-radius: 10px 10px 0px 0px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
}
.table1 thead th:empty{
    background-color: transparent;
    border: none;
}
.table1 tbody th{
    background-color: #882510;
    border: 1px solid #fff;
    border-right: 3px solid #880000;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    color: #fff;
    padding: 0px 10px;
    vertical-align: middle;
    -moz-border-radius: 10px 0px 0px 10px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
}
.table1 tbody td{
    color:#000;
    background-color: #f3c0b2;
    border: 2px solid #E7EFE0;
    border-radius:2px;
    padding: 8px;
    text-align: right;
    text-shadow:1px 1px 1px #fff;
    vertical-align: middle;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

td.price{
    text-align: right;
}

/*SERVICES*/

#services_wrapper{
    background-color: #882510;
}
#services_wrapper h2{
    color: #FF9966;
}
div.cim{
    color: #FF9966;
    font-size: 28px;
    font-weight: bold;
    padding: 2px 0 5px 0;
    text-align: center;
}
div.list{
   padding: 0;
}
div.list p{
    color: #FF9966;
    font-size: 24px;
    text-align: center;;
}
div.right{
    float: right;
}
div.left {
    float: left;
}
.serviceIcons{
    left:50%;
    margin-left:auto;
    margin-right:auto;
    right:0;
}
div.serviceIcons p{
    color: #FF9966;
    font-size: 28px;
}
div.list .servicesImage{
    background-image: url(../img/transparent.png);
    bottom: 0;
    color: #000;
    font-weight: bold;
    margin-bottom: 20px;
    margin-left: 19px;
    padding: 5px;
    position: absolute;
    width: 92%;
}
table.serviceIcons td, th{
    padding: 15px;
}
img.imgServices{
    padding: 20px;
    width: 100%;
}

/*CONTACT*/

#contact_wrapper{
    background-color: #FEF3CF;
    padding-bottom: 4%;
}
div.contact{
    padding: 2% 0 5% 33%;
}
div.info p{
    font-size: 24px;
}
#map img{
    left: 0;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    right: 0;
    width: 100%;
}

/*BOOKING*/

#booking_wrapper{
    background-color: #f9f9f9;
}
.decr, .incr{
    margin: 0 auto;
    position: relative;
    text-align: center;
    vertical-align: middle;
}
.kival{
    margin-bottom: 1%;
    margin-top: 4%;
    float: right;
}
.foglalas.container#foglalo3 .room.row{
    padding-bottom: 6%;
}
.foglalas.container#foglalo3 .price div{
    float: right;
    font-size: 2.5vw;
}

div.price{
    text-align: left;
    padding-top: 5%;
    font-size: 2.5vw;
}
#foglalo5 div{
    color: #000;
}
.pic p{
    text-align: center;
}
.datepicker > .datepicker-days > table.table-condensed{
    width: 100%;
}
.datepicker.dropdown-menu{
    width: 90%;
}

/*# sourceMappingURL=app.css.map */