html, body {height:100%;
    
    text-align: center;
   
background-color: #ffffff;

}

p {font-family: 'Noto Serif', serif; margin: 2em 0; text-align: left; font-size: 1.1em; line-height: 1.5em; color:#666}

.intro {font-size: 1.2em; line-height: 1.8m; font-style: italic; font-weight: bold;  }

h1, h2, h3, h4 {font-family: 'Lobster', cursive;color:coral}

h1 {margin:2em auto }

 h1.title {margin:2em auto 1em; border-bottom: 1px solid #88bfe8; padding-bottom: 0.5em;
 
 
 
 }

h4 {margin:0}

a {text-decoration: none}
a:hover {color:coral;text-decoration: none}

.main {margin-bottom: 0em}

.extra {margin: 0 0 6em 0}
.extra h1, .extra h2, .extra h3 {font-family: 'Lobster', cursive;color: indianred}

.img-circle {border: 2px solid coral}
.img-rounded {border: 2px solid indianred}


.apartmanok {margin-top: 2em}

.apartmanok p {margin: 0.5em 0 1.5em}



.yellow h4 {display: block; background-color: yellow; color: #666; padding: 0.3em 0; border-bottom: 2px solid #666;
border-radius: 5px 5px 0 0;}

.blue h4 {display: block; background-color: #88bfe8; color: #fff; padding: 0.3em 0; border-bottom: 2px solid #666;
border-radius: 5px 5px 0 0;}
.green h4 {display: block; background-color: forestgreen; color: #fff; padding: 0.3em 0; border-bottom: 2px solid #666;
border-radius: 5px 5px 0 0;}
.greentop h4 {display: block; background-color: greenyellow; color: #000; padding: 0.3em 0; border-bottom: 2px solid #666;
border-radius: 5px 5px 0 0;}
.red h4 {display: block; background-color: crimson; color: #fff; padding: 0.3em 0; border-bottom: 2px solid #666;
border-radius: 5px 5px 0 0;}
.white h4 {display: block; background-color: snow; color: #666; padding: 0.3em 0; border-bottom: 2px solid #666;
border-radius: 5px 5px 0 0;}

.aside, .aside2 {
    margin: 6em 0 2em 0;
    padding: 1em;
    background: #88bfe8; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg4YmZlOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3MGIwZTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#88bfe8), color-stop(100%,#70b0e0)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #88bfe8 0%,#70b0e0 100%); /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */
background: -webkit-linear-gradient(top, #88bfe8 0%, #70b0e0 100%);
background: linear-gradient(to bottom,  #88bfe8 0%,#70b0e0 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#88bfe8', endColorstr='#70b0e0',GradientType=0 ); /* IE6-8 */

    color: #fff;
border-radius: 5px;
box-shadow: 1px 1px 1px 1px #666;
}

.aside2 {margin-top:2em}

.aside h3, .aside2 h3 {color: #fff; text-shadow: none}


.aside ul, .aside2 ul {text-align:left; margin-top: 2em; font-weight: bold; font-family: 'Open Sans', sans-serif; font-size: 0.85em}
.aside ul li, .aside2 ul li {margin: 0.75em; padding:0}
.aside li a, .aside2 li a {color: #ffffff;}
.aside li a:hover, .aside2 li a:hover {color: coral;}


.center {text-align: center}
.center img  {margin: 0 auto}
.last {margin-bottom: 6em}
.navbar { color: #fff; padding: 0.5em;}

#gallery {margin: 2em auto 7em}
.main {margin-bottom: 0em}

.video {margin-top: 1em}
.slide {background-color: indianred;padding:0.1em;width:99%;margin: 0 auto;}
.galleria {margin-bottom: 10em}

ul {         
    padding:0 0 0 0;
    margin:0 0 0 0;
}

ul li {     
    list-style:none;
    margin-bottom:25px;           
}

ul li img {
    cursor: pointer;
}

p.small {color: #fff; font-family: 'Open Sans', sans-serif}


@media (max-width: 480px)  { 
    .main {margin-bottom: 0em}
}