﻿/* Fonts
----------------------------------------------------------*/
@font-face
{
font-family:categoryFont;
src: url('fonts/Aller_Lt.ttf');
} 

@font-face
{
font-family:introTxtFont;
src: url('fonts/garto16.ttf');
} 

.controls {
display: inline-block;
width: 180px;
margin: 0 0 30px;
vertical-align: top;
}
.controls li {
margin-left: 20px;
cursor: pointer;
list-style-type: square;
}
.controls li.active {
font-weight: 700;
}
#Grid {
width: auto;
text-align: justify;
font-size: 0.1px;
}
#Grid:after {
content: '';
display: inline-block;
width: 100%;
}
#Grid .mix {
display: none;
opacity: 0;
/*width: 350px;*/
/*height: 300px;*/
vertical-align: top;
margin-bottom: 20px;
background: #fff;
/*color: #fff;*/
font-size: 14px;
text-align: center;
line-height: 200px;
}
#Grid .gap {
display: inline-block;
width: 200px;
}

.hidden-galls {
    display:none !important;
}

.thumbnail {
    overflow:hidden;
    box-shadow: 3px 3px 3px #888888;
}


/* languages
----------------------------------------------------------*/
ul#languages {
    font-size: 12px;
    margin: 0 0 5px;
    padding: 0;
    text-align: right;
}

ul#languages li {
    display: inline;
    list-style: none;
    padding-left: 15px;
}

ul#languages li a {
    background: none;
    color: #999;
    text-decoration: none;
    text-shadow: 0 1px 0 #fff;
    font-size: small;
}

ul#languages li a:hover {
    color: #333;
    text-decoration: none;
}

.currentLang{
    color: #F89100;
    text-decoration: none;
}

/* carousel
----------------------------------------------------------*/

#fpCarousel .carousel-inner .item{
    height:450px;
}

/* Quote
----------------------------------------------------------*/
div#quote {
clear: both;
padding: 1em;
border: 0;
margin: 1em auto;
text-align: center;
width: 75%;
height:auto;
font-style:italic;
}

div#introTxt {
clear: both;
padding: 3em;
border: 0;
margin: 3em auto;
text-align: left;
width: auto;
height:auto;
font-style:italic;
}

.right{
    text-align:right;
    left:15%;
    position:absolute;
    width:350px;
    margin-left:-40px;
    height:auto;
}
