/* FONTS */
@font-face
{
	font-family: Gauge-Heavy;
	src: url(Gauge-Heavy.otf);
}
@font-face
{
	font-family: Calibri;
	src: url(Calibri.ttf);
}

body{
	font-family: Gauge-Heavy;	
	background:url(../images/bg-test.jpg) no-repeat center center fixed;
	background-size:cover;
}

/* HEADER */
#headerWrap{
	width:100%;
	height:40px;
	background-color:#322427;	
	position:relative;
	z-index:1;
}
#search{
	float:right;
	height:30px;
	width:100px;
	background-color:#493439;
	outline:none;
	border:1px solid #2C1F22;
	margin-top:4px;
	margin-right:50px;
	font-size:12px;
	padding-left:5px;
	color:#000;
	font-family: Gauge-Heavy;
	background-image:url(../images/sbicon.png);
	background-repeat:no-repeat;
	background-position:170px center;
}
#search:focus{
	background-color:#fff;
	-webkit-animation:widthAnimation 1s;
	animation:widthAnimation 1s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}


#search:not(:focus){
	-webkit-animation:BackAnimation 1s;
	animation:BackAnimation 1s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

@-webkit-keyframes widthAnimation{
	from{width:100px;}
	to{width:200px;}
}
@keyframes widthAnimation{
	from{width:100px;}
	to{width:200px;}
}
@-webkit-keyframes BackAnimation{
	from{width:200px;}
	to{width:100px;}
}
@keyframes BackAnimation{
	from{width:200px;}
	to{width:100px;}
}
/* Menuja -- Navigation bar */

#menu{
	background-image:url(../images/3.jpg);
	width:17%;
	min-height:100%;
	position:absolute;	
	margin-top: -40px;
	box-shadow: 1px 0px 15px;
	float:left;
}
#logoImg{
	display:block;
	width:65%;
	margin:63px auto;	
}
nav, nav ul{
	width:100%;
	margin-top:-20px;
}
nav ul li:first-child{
	border-top:1px solid #F90;	
}
nav ul li{
	width:99.5%;
	list-style:none;
	border-bottom:1px solid #BC800E;		
	text-align:right;
	word-wrap:break-word;
}
nav ul li:hover{
	background:rgba(255,255,255,0.5);
}
nav ul li:hover a{
	color:#000;
	-webkit-animation:navAn 0.3s;
	animation:navAn 1s;	
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}
@-webkit-keyframes navAn{
	from{padding-right:20px;margin-left:-10px;}
	to{margin-left:-15px; padding-right:30px;}
}
@keyframes navAn{
	from{text-align:right;}
	to{text-align:left;}
}
nav ul li a{
	text-decoration:none;
	color:#322427;
	font-size:20px;
	text-transform:lowercase;
	padding-top:16px;
	padding-bottom:16px;
	padding-right:10%;
	width:90%;
	display:block;
}
.active{
	background:rgba(255,255,255,0.6);
}
.active a{
	color:#000;	
}
#activeImg{
	position:absolute;
	margin-top:-20px;
	margin-left:2px;
	padding:0;	
}

#nav_info p{
	font-size: 12px;
	padding-right:10%;
	color: #75555C;
	word-break:break-all;
}

#nav_info {
	width: 100%;
	margin-top: 10px;
	text-align:right;
}

#fbLink{
	width:80%;
	margin:5% auto;	
}
#fbLink a{
	text-decoration:none;
}
#fbLink img{
	width:15%;
	float:left;	
	margin-right:8px;
}
#fbLink  p{
	color:#322427;
	line-height:30px;
	word-break:break-all;
	font-size:100%;	
}
/*---------- Kontenti i faqes -- Content div ---------*/
#content{
	width:82.9%;
	height:92.5%;
	position:absolute;
	right:0;
	z-index:-1;
}

/* Ballina - Home page */

#partners{
	width:100%;
	margin:48% auto;
	margin-bottom:0 !important;	
}
#partners #mbeshtetur{
	position:absolute;
	margin-top:1%;	
	margin-left:2%;
	font-size:13px;
}
#partners #mundesuar{
	position:absolute;
	margin-top:1%;	
	margin-left:70%;
	font-size:13px;	
}
#partners img{
	display:inline-block;
	width:8%;
	margin-top:4%;
	margin-left:2%;	
}
#container{
	background-color:#FFF;
	width:76%;
	height:85%;
	position:absolute;
	margin:20px auto;
	margin-left:20%;
	overflow:auto;	
}



/* ABOUT US */

#left-div{
	float:left;
	width: 50%;
	margin:0 auto;
	border-right: 1px solid #EAEAEA;
}

#left-div img {
	display:block;
	width: 90%;
	margin: 25px auto;
}

#left-div #about {
	width: 90%;
	margin: 25px auto;
	color: #322427;
	font-size: 20px;
}
#about p{
	font-size:15px;
	color: #666;
	margin-top:10px;
	padding-top:5px;
	word-spacing:5px;
	word-wrap:break-word;
}

#right-div{
	width:49%;
	margin:0 auto;
	float:right;	
}
#right-div h1{
	color: #322427;
	margin:25px auto;
}
#right-div p{
	font-size:15px;
	color: #666;
	margin-top:10px;
	padding-top:5px;
	word-spacing:5px;
	word-wrap:break-word;	
}
.sixPhoto{
	width:100%;	
	margin-top:20px !important;
}
.sixPhoto img{
	display:inline-block !important;
	width:32% !important;
	height:100px !important;
	float:left !important;
	margin-left:3px !important;
	margin-top:3px !important;
}

#ourTeam{
	width: 100%;
	margin:0 auto;	
}
.team{
	width: 20%;
	float:left;	
}
.team a{
	text-decoration:none;
		
}
.team img{
	width:80%;
	margin-left:0px !important;
	margin-top:10px !important;
	display:inline;
}
.textInTeam p, .textInTeam span{
	font-size:12px !important;	
}
.textInTeam span{
	color:#333 !important;
}
/* Monuments */
#monumentsList{
	width:20%;
	float:left;
	border-right:1px solid #ccc;
	margin-left:3%;
	padding-right:1%;
	height:100%;
	overflow:auto;	
}
#monumentsList ul{
	margin-top:30px;
}
#monumentsList ul li{
	margin-bottom:10px;
}
#monumentsList ul li:hover{
	list-style:url(../images/arrow.png);
}
#monumentsList ul li a:hover{
	 color:#069;
}
.activeLink{
	list-style:url(../images/arrow.png);
}
#monumentsList ul li a{
	text-decoration:none;
	font-size:13px;
	color:#764F4E;
}
#monumentsContainer{
	width:75%;
	float:right;	
}

.monuments{
	border-bottom:1px solid #CCC;
	padding-bottom:30px;
	width:90%;
	margin:30px auto;
}
.monumentsText{
	width:50%;
	float:left;
}
.monumentsText h1{
	color: #322427;
	margin-bottom:10px;
}
.monumentsText span{
	font-size:12px;	
	font-style:italic;
	color:#333;
	line-height:15px;
}
.monumentsText ul{
	list-style:circle;
	margin-top:20px;
	margin-left:20px;
	font-family: Calibri;
}
.monumentsText ul li{
	font-size:12px;	
	color:#666;
	padding-top:5px;
}
.monumentsText p{
	margin-top:0px;
	font-size:14px;	
	color:#666;
	margin-bottom:10px;
	font-family: Calibri;
	line-height:17px;

}
.more{
	font-size:12px;
	text-decoration:none;
	color:#069;	
	margin-top:30px;
	margin-left:10px;
	float:left;
}
.monuments p{
	margin-top:20px;
	font-size:14px;	
	color:#666;
	margin-bottom:10px;
	font-family: Calibri;	
	line-height:20px;
}
.monumentsText a:hover{
	text-decoration:underline;	
}
.monumentsMapDiv{
	float:right;
	width:47%;	
}
.monumentsMap{
	width:100%;
	height:200px;
	float:right;
	margin-bottom:20px;	
}
.threePhotos{
	margin-top:20px;	
}
.threePhotos img{
	width:20%;
	height:45px;
	margin-left:5px;
	float:left;
}

/* Lokalitetet */
.mainDiv{
	width:92%;
	margin-top:30px;
	margin-left:20px;
	float:left;
}
.locations{
	margin-bottom:50px;
	padding-bottom:30px;	
	border-bottom:1px solid #ccc;
}
.lolaliteteMap{
	width:100%;
	height:180px;
	display:none;
}
.locations h1{
	margin-top:20px;
	color: #322427;
}
.locations p{
	margin-top:20px;
	font-size:14px;	
	color:#666;
	font-family: Calibri;
}
.locations ol{
	font-family: Calibri;
	font-size:12px;
	list-style:upper-roman;
	margin-left:40px;
	color:#666;	
}
.locationsImgDiv{	
	margin-top:20px;
}
.locationsImgDiv img{
	width:100px;
	height:80px;
	float:left;
	margin-left:5px;	
}
.sidebar{
	width:25%;
	float:right;
	margin-right:2%;
	margin-top:30px;
}
.sidebar h4{
	color: #322427;
}
.sidebar ul{
	list-style:circle;
	margin-left:20px;
	margin-top:20px;	
	margin-bottom:30px;	
}
.sidebar ul li{
	font-size:12px;
	color:#666;	
	padding-bottom:5px;
}
.sidebar p{
	font-size:12px;
	color:#666;	
	margin-top:10px;
	padding-bottom:5px;
	text-align:justify;
}

/* Galeria */
#galleryList{
	width:20%;
	float:left;
	border-right:1px solid #ccc;
	margin-left:3%;
	padding-right:1%;
	padding-bottom:5%;	
	height:100%;
	overflow:auto;		
}
#galleryList ul{
	margin-top:30px;
}
#galleryList ul li{
	margin-bottom:10px;
	list-style-position:inside;
}
#galleryList ul li:hover{
	list-style:url(../images/arrow.png);
}
.activeLink{
	list-style:url(../images/arrow.png);
}
#galleryList ul li a{
	text-decoration:none;
	font-size:13px;
	color:#764F4E;
}
#galleryList ul li a:hover{
	 color:#069;
}
#galleryContainer{
	width:75%;
	float:right;	
}
.gallerySection img{
	width:30%;
	margin-left:2%;
	margin-top:4%;
}
.gallerySection img:hover{
	opacity:0.8;	
}
/* Historiku */
.history{ padding:20px;}
.history h1{
	color:#322427;
	font-size:18px;	
}
.history p{
	margin-top:20px;
	color:#666;	
	line-height:25px;
	text-align:justify;
	font-family: Calibri;
}
.history ul{
	margin-top:10px;
	margin-left:20px;
}
.history ul li{
	margin-bottom:10px;
	list-style:circle;
	color:#333;	
	font-size:14px;	
}
/* CONTACT FORM */
#con_form {
	padding:5%;
}
#con_form label{
	color: #322427;
}
#con_form label,input,textarea{
	display:block;
	margin-bottom: 10px;
	margin-top:10px;
}

#con_form input {
	width: 60%;
	height:25px;
}

#con_form textarea {
	width: 70%;
	height:100px;
}

#con_form input[type='submit']{
	width: 30%;
	height:30px;
	border:1px solid #000;
	color: white;
	background-color:#8D656F;
}
#con_form input:focus, #con_form textarea:focus{
	outline:auto #633;	
}
.contactParagraph{
	padding-left:20px;
	padding-right:20px;
	line-height:25px;	
}
#contactInfo{
	margin-top:50px;
	margin-left:20px;
}
#contactInfo li{
	margin-bottom:30px;
}
#contactInfo a{
	text-decoration:none;	
}
#contactInfo a:hover p{
	color:#636;	
}
#contactInfo li p{
	padding-left:20px !important;	
}
#contactInfo img{
	float:left;
	padding-right:20px !important;
}


/* CLEAR DIVs */
.clear{
	clear:both;	
}

/* Harta */
.ui-dialog{
	font-size:10px !important;

}

#NoteDialog{
	
}
.ui-dialog-buttonpane{
		
}
#mapTitle{
	font-size:13px !important;	
	font-weight:bold;
}
#mapText{
	font-size:10px !important;	
}



/* Marker */

#marker_foto img{
	width: 90px;
	height: 90px;
	margin-left:10px;
	margin-top: 20px;
}