@import url("normalize.css");
@import url("reusable.css");


/* ==========================================================================
   Base
   ========================================================================== */

/**
 * Body
 */

body {
    position: relative;
    min-width: 990px;
    font: 13px/20px Arial;
    color: #2b527d;
    background: #afcae4;

    -webkit-font-smoothing: antialiased;
}

/**
 * Links
 */

a {
    text-decoration: underline;
    color: #2b527d;
    transition: color 200ms ease, background-color 200ms ease, text-shadow 200ms ease, box-shadow 200ms ease, border 200ms ease;

    -webkit-transition: color 200ms ease, background-color 200ms ease, text-shadow 200ms ease, box-shadow 200ms ease, border 200ms ease;
}

a:hover {
    text-decoration: none;
}


/* ==========================================================================
   General
   ========================================================================== */

/**
 * Bar
 */

#bar {
    padding: 5px 0 0 0;
    background: #4b87c2;
    border-top: 1px solid #afcae4;
}

#bar h1 {
    float: left;
    position: relative;
    min-height: 54px;
    font: italic 700 18px/22px "PT Sans", Arial;
    text-shadow: 1px 1px 0 #5b92c8;
    padding: 5px 0 0 250px;
}

#bar h1 a {
    text-decoration: none;
    color: #b7cde5;
}

#bar h1 span {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 240px;
    height: 54px;
    background: url(/images/logo.png);
}

#bar .right {
    float: right;
    padding: 16px 0 0 0;
}

#bar .social {
    float: left;
    padding: 2px 30px 0 0;
}

#bar .languages {
    float: left;
    position: relative;
}

#bar .languages a {
    display: block;
    position: relative;
    font: 11px/22px Arial;
    text-decoration: none;
    color: #fff;
    padding: 0 40px 0 5px;
    background: #a6c3e1;
}

#bar .languages > a {
    border-radius: 3px;
}

#bar .languages a:hover {
    background: #7ba6d2;
}

#bar .languages a img {
    position: absolute;
    top: 50%;
    right: 5px;
    margin: -8px 0 0 0;
}

#bar .languages ul {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    min-width: 100%;
    padding: 1px 0 0 0;
    white-space: nowrap;
    z-index: 99;
}

#bar .languages:hover ul {
    display: block;
}

#bar .languages ul li:first-child a {
    border-radius: 3px 3px 0 0;
}

#bar .languages ul li:last-child a {
    border-radius: 0 0 3px 3px;
}

/**
 * Slideshow
 */

#slideshow .rotators {
    position: relative;
    height: 525px;
    overflow: hidden;
}


#slideshow .rotators.other {
    height: 250px;
}

#slideshow .rotators li {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

#slideshow .rotators li img {
    position: absolute;
}

#slideshow .arrows {
    position: absolute;
    top: 410px;
    left: 0;
    right: 0;
}

#slideshow .arrows a {
    display: block;
    position: relative;
    float: right;
    width: 40px;
    height: 40px;
    background: rgba(183,208,231,0.9);
}

#slideshow .arrows a:hover {
    background: #6f9ece;
}

#slideshow .arrows a:after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 12px;
    height: 20px;
    content: "";
    margin: -10px 0 0 -6px;
    background: url(/images/slideshow-arrows.png);
}

#slideshow .arrows .prev:after {
    background-position: 0 -20px;
}

#slideshow .arrows .prev:hover:after {
    background-position: 0 0;
}

#slideshow .arrows .next:after {
    background-position: -12px -20px;
}

#slideshow .arrows .next:hover:after {
    background-position: -12px 0;
}

#slideshow .booking {
    position: absolute;
    top: 460px;
    left: 0;
    right: 0;
    color: #fff;
    padding: 0 10px;
    background: #ffc062;
    box-sizing: border-box;

    -moz-box-sizing: border-box;
}

#slideshow .booking h3 {
    float: left;
    font: 700 24px/50px "Oswald", Arial;
    text-shadow: 1px 1px 1px #3f76ac;
    padding: 0 0 0 60px;
    background: url(/images/booking.png) no-repeat 10px center;
}

#slideshow .booking h3 span {
    text-shadow: 1px 1px 1px #fff;
    color: #3f76ac;
}

#slideshow .booking .button {
    float: right;
    margin: 8px 0 0 0;
}

/**
 * Navigation
 */

#navigation {
    position: absolute;
    top: 65px;
    left: 0;
    right: 0;
    font: 700 16px/45px "Oswald", Arial;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 1px 1px 1px #35699d;
    color: #fff;
    background: url(/images/navigation.png);
    background: rgba(175,202,228,0.9);
}

#navigation .cnt {
    height: 45px;
}

#navigation a {
    text-decoration: none;
    color: #fff;
}

#navigation li:hover > a,
#navigation a:hover {
    color: #ffc062;
	background: #4b87c2;
}

#navigation ul {
    display: inline-block;
    text-align: left;
}

#navigation ul li {
    position: relative;
    float: left;
    padding: 0 0 0 20px;

}

#navigation ul li:first-child {
    padding: 0;
}

#navigation ul li a {
    display: block;
    padding: 0 20px;
}

/*#navigation .submenu:hover > a {
    background: #4b87c2;
}*/
#navigation .current a {
    text-decoration: none;
    color: #ffc062;
}


/**
 * Navigation dropdown
 */

#navigation .dropdown {
    display: none;
    position: absolute;
    top: 100%;
    left: 20px;
    width: 320px;
    line-height: 20px;
    padding: 15px;
    background: url(/images/dropdown.png);
    background: rgba(75,135,194,0.9);
    z-index: 90;
}

#navigation li:hover .dropdown {
    display: block;
}

#navigation .dropdown ul {
    display: block;
    float: left;
    width: 160px;
    margin: 0 0 -25px 0;
}

#navigation .dropdown ul li {
    float: none;
    padding: 0 0 25px 0;
}

#navigation .dropdown ul li a {
    min-height: 45px;
    padding: 3px 0 0 80px;
}

#navigation .dropdown ul li img {
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #fff;
    box-shadow: 0 0 2px rgba(0,0,0,0.5);
    transition: border 200ms ease;

    -webkit-transition: border 200ms ease;
}

#navigation .dropdown ul li a:hover img {
    border-color: #ffc062;
}

#navigation .dropdown ul li .small {
    display: block;
    font: 400 12px/23px Arial;
    text-transform: none;
}

#navigation .dropdown ul li:hover a .small,
#navigation .dropdown ul li a:hover .small {
    color: #fff;
}

/**
 * Main
 */

#main {
    position: relative;
    padding: 0 0 40px 0;
    margin: -60px 0 0 0;
}

#mainnonfirst{
    position: relative;
    padding: 0 0 40px 0;
    margin: 0px;
}

/**
 * Boxes
 */

#boxes {
    background: #7aa6d2;
}

#boxes .cols {
    margin: 0;
}

#boxes .col {
    position: relative;
    min-height: 280px;
    padding: 20px;
    font: 14px/20px "Oswald", Arial;
    color: #fff;
    text-shadow: 1px 1px 1px #4076ac;
    border-left: 1px solid #b7cfe7;
}

#boxes .col:first-child {
    border-left: 0;
}

#boxes .col img {
    width: 100%;
    border: 1px solid #fff;
    box-shadow: 0 0 2px rgba(0,0,0,0.5);
    transition: border 200ms ease;

    -webkit-transition: border 200ms ease;
}

#boxes .col a:hover img {
    border-color: #ffc062;
}

#boxes .col h2 {
    font: 700 22px/28px "Oswald", Arial;
    padding: 5px 0;
	color: #ffbf5f;
}

/*#boxes .col h2 a {
    text-decoration: none;
    color: #ffbf5f;
}

#boxes .col h2 a:hover {
    color: #fff;
}*/

#boxes .col .button {
    position: absolute;
    right: 20px;
    bottom: 20px;
}

/**
 * Content
 */

#content {
    text-shadow: 1px 1px 1px rgba(255,255,255,0.5);
    padding: 40px 0;
}

#content h1 {
    font: 700 45px/50px "Clicker Script", Arial;
    text-shadow: 1px 1px 1px #4076ac;
    color: #ffbf61;
}
#content h2 {
   	font: 700 22px/32px "Oswald", "Arial";
	margin: 5px 0;
}

#content .excerpt {
    font: 700 22px/32px "Oswald", Arial;
}

#content p {
    padding: 0 0 20px 0;
}

#content .border {
    border: 1px solid #fff;
    box-shadow: 0 0 2px rgba(0,0,0,0.5);
}

#content .alignright {
    float: right;
    margin: 0 0 20px 20px;
}
#content  .accdesc ul{
	margin: 0px 10px 20px 20px;
}
#content .accdesc li { 
	list-style: disc;
	padding: 2px 0px;
}
#content .appimages { 
	padding: 10px 0px;
}

#content .appimages img {
	box-sizing: border-box;
    border: 1px solid #fff;
    box-shadow: 0 0 2px rgba(0,0,0,0.5);
	margin: 0 10px 10px 0;
    transition: border 200ms ease;

    -moz-box-sizing: border-box;
    -webkit-transition: border 200ms ease;
}

#content .appimages a:hover img {
    border-color: #ffc062;
}
#Email2  {
	display: none;    
}
/**
 * AccUnits
 */
#accunits  { 
	padding-top: 15px;
}
#accunits h2 {
    font: 700 22px/32px "Oswald", Arial;
    color: #ffbf61;
	text-shadow: 1px 1px 1px #4076AC;
	padding-bottom: 5px;
}

#accunits ul { 
	background: #7AA6D2;
	font: 700 16px/25px "Oswald", "Arial";
	text-shadow: 1px 1px 1px #35699D;
	text-transform: uppercase;
	
}

#accunits li {
	height: 50px;
	padding: 10px;
	border-bottom: 1px solid #B7CFE7;
	color: #FFFFFF;
	font: px/20px "Oswald", "Arial";
}

#accunits ul li img {
	float: left;
	border: 1px solid #fff;
    box-shadow: 0 0 2px rgba(0,0,0,0.5);
    transition: border 200ms ease;

    -webkit-transition: border 200ms ease;
}

#accunits ul li.selected {
   background:  #4B87C2;
}

#accunits ul li.selected img {
    border-color: #ffc062;
}

#accunits ul li.selected .big {
    color: #ffc062;
}

#accunits ul li a:hover img {
    border-color: #ffc062;
}

#accunits ul li a {
   text-decoration:none;
}

#accunits ul li .big {
	padding-left: 10px;
	color: #FFBF61;
	text-decoration:none;
}

#accunits ul li .small {
   /* display: block;*/
    font: 400 12px/23px Arial;
    text-transform: none;
	padding-left: 10px;
	float: left;
	text-decoration:none;
	color: #FFBF61;
}
#accunits ul li:hover a .big,
#accunits ul li a:hover .big {
	text-decoration:none;
	color: #FFBF61;
}

#accunits ul li:hover a .small,
#accunits ul li a:hover .small {
    color: #fff;
	text-decoration:none;
}

#accunits ul li a .big,
#accunits ul li a .small {
    color: #fff;
	text-decoration:none;
}

#accunits .googleroad
{
	background: url(/images/googlemaps.png) #FFFFFF no-repeat; 
	padding:10px;
	margin: 0 0 30px 0;
}
#accunits .googleroad p{
	line-height: 20px;
	margin-top: 5px;
}


#accunits .hak {
    width: 100%;
}
#accunits .hak img {
	border: 0;
	float: none;
	margin:0;
		
}

#accunits  .hak .title {
	display: block;
	height: 44px;
	background-color:#FFCC00;
}
#accunits  .hak .kamerebox {
	display: block;
	height: 100px;
	background-color:#FFF;
	padding:20px 10px;
}

#accunits .hak .gallery li:before {
    border: none;
}

#accunits .hak .gallery li {
	float: left;
	width: 50%;
	font-size: 11px;
	text-align: center;
	padding: 0 0 20px 0;
	border: none;
}

#accunits .hak .gallery li img {
	margin: 0;
	border: 2px solid #E8D75B;
}
#accunits  .hak .gallery li a {
    color: #4B2B05;
    text-shadow: none;
}

/**
 * Gallery
 */

#gallery {
    text-shadow: 1px 1px 1px #4076ac;
    padding: 20px 0;
    background: #8cb1d8;
}

#gallery header {
    padding: 0 0 10px 0;
}

#gallery header h3 {
    float: left;
    font: 700 22px/32px "Oswald", Arial;
    color: #ffbf61;
}

#gallery header a {
    float: right;
    color: #fff;
    margin: 12px 0 0 0;
}

#gallery ul {
    margin: 0 -20px 0 0;
}

#gallery ul li {
    float: left;
    width: 16.66%;
    padding: 0 20px 0 0;
    box-sizing: border-box;

    -moz-box-sizing: border-box;
}

#gallery ul li img {
    width: 138px;
    height: 92px;
	box-sizing: border-box;
    border: 1px solid #fff;
    box-shadow: 0 0 2px rgba(0,0,0,0.5);
    transition: border 200ms ease;

    -moz-box-sizing: border-box;
    -webkit-transition: border 200ms ease;
}

#gallery ul li a:hover img {
    border-color: #ffc062;
}

/**
 * Footer
 */

#footer .top {
    text-shadow: 1px 1px 1px #4076ac;
    color: #fff;
    padding: 20px 0;
    background: #4b87c2;
}

#footer h4 {
    font: 700 16px/22px "Oswald", Arial;
    color: #fff;
    padding: 0 0 10px 0;
}

#footer img {
    max-width: 100%;
}

#footer .thumb img {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #fff;
    box-shadow: 0 0 2px rgba(0,0,0,0.5);
    transition: border 200ms ease;

    -moz-box-sizing: border-box;
    -webkit-transition: border 200ms ease;
}

#footer .thumb:hover img {
    border-color: #ffc062;
}

#footer .col section {
    padding: 0 0 30px 0;
}

#content .number,
#footer .number {
    display: block;
    font: 700 20px/32px "Oswald", Arial;
    text-shadow: none;
    color: #4b87c2;
    padding: 0 0 0 45px;
    margin: 0 0 20px 0;
    background: #afcae4 url(/images/number.png) no-repeat 10px center;
    border-radius: 5px;
}
#content .number{
    padding: 0px 0 0px 45px;
    margin: 10px 0 10px 0;
    background: #4B87C2 url(/images/number.png) no-repeat 10px center;
	color: #FFF;
}



#footer .contact a {
    color: #fff;
}

#content .contact li,
#footer .contact li {
    padding-left: 40px;
}

#content .contact .address,
#footer .contact .address {
    background: url(/images/contact-address.png) no-repeat 10px 5px;
}

#content .contact .phone,
#footer .contact .phone {
    background: url(/images/contact-phone.png) no-repeat 10px 3px;
}

#content .contact .mobile,
#footer .contact .mobile {
    background: url(/images/contact-mobile.png) no-repeat 10px 1px;
}

#content .contact .email,
#footer .contact .email {
    background: url(/images/contact-email.png) no-repeat 10px 6px;
}

#content .contact .web,
#footer .contact .web {
    background: url(/images/contact-web.png) no-repeat 8px 8px;
}

#footer .button {
    float: right;
    margin: 20px 0 0 0;
}

#footer .bottom {
    padding: 20px 0 40px 0;
}

#footer .bottom ul li {
    float: left;
    font-size: 11px;
    padding: 0 2px;
}

#footer .logo {
    display: block;
    width: 184px;
    height: 47px;
    margin: 0 0 10px 0;
    background: url(/images/logo-footer.png);
}