@charset "UTF-8";
/* CSS Document by diarasi February 2014*/

/*===========================================================HEADER*/

.page {
	/*background-color:#336699;*/
	width:100%;
	float:left;
}


#rightHolder {
	position:absolute;
	top: 1.5%;
	right: 4%;
	/*width:250px;*/
	padding:0px;
	margin:0px;
}

.TitleTab {
	background-color:rgba(1,59,107,0.9);
	color:#fff;	
	width:400px;
	font-size:1.2em;
	padding:5.5%;
	margin:0px;
	display:block;
	font-weight:bold;
	
	/*hor. ver. blur spread color*/
	-webkit-box-shadow: -1px -1px 10px 1px rgba(0,0,0,0.75); /*safari*/
	-moz-box-shadow: -1px -1px 5px 0px rgba(0,0,0,0.75);
	box-shadow: -1px -1px 5px 0px rgba(0,0,0,0.75);
}

.content {
	background-color:rgba(255,255,255,0.95);
	color:#013b6b;
	font-size:1.2em;
	line-height:1.2em;
	padding:5.5%;
	margin:2.5% 0px 0px 0px;
	width:400px;
	display:block;
	
	/*hor. ver. blur spread color*/
	-webkit-box-shadow: -1px -1px 10px 1px rgba(0,0,0,0.75); /*safari*/
	-moz-box-shadow: -1px -1px 5px 0px rgba(0,0,0,0.75);
	box-shadow: -1px -1px 5px 0px rgba(0,0,0,0.75);
}

.address {
	background-color:rgba(219,195,11,0.9);
	color:#fff;	
	width:400px;
	font-size:1.2em;
	padding:5.5%;
	margin:.5% 0px 0px 0px;
	float:left;
	clear:left;
	display:block;
	
	/*hor. ver. blur spread color*/
	-webkit-box-shadow: -1px -1px 10px 1px rgba(0,0,0,0.75); /*safari*/
	-moz-box-shadow: -1px -1px 5px 0px rgba(0,0,0,0.75);
	box-shadow: -1px -1px 5px 0px rgba(0,0,0,0.75);
}


.tel {
	background-color:rgba(219,195,11,0.9);
	color:#fff;	
	width:400px;
	font-size:1.2em;
	padding:5.5%;
	margin:.5% 0px 0px 0px;
	float:left;
	clear:left;
	display:block;
	
	/*hor. ver. blur spread color*/
	-webkit-box-shadow: -1px -1px 10px 1px rgba(0,0,0,0.75); /*safari*/
	-moz-box-shadow: -1px -1px 5px 0px rgba(0,0,0,0.75);
	box-shadow: -1px -1px 5px 0px rgba(0,0,0,0.75);
}

.mail a{
	background-color:rgba(1,59,107,0.9);
	color:#fff;	
	width:400px;
	font-size:1.2em;
	padding:5.5%;
	margin:.5% 0px 0px 0px;
	float:left;
	clear:left;
	display:block;
	
	/*hor. ver. blur spread color*/
	-webkit-box-shadow: -1px -1px 10px 1px rgba(0,0,0,0.75); /*safari*/
	-moz-box-shadow: -1px -1px 5px 0px rgba(0,0,0,0.75);
	box-shadow: -1px -1px 5px 0px rgba(0,0,0,0.75);
}

.mail a:hover {
	background-color:#fff;
	color:#013b6b;
	cursor:pointer;
	
	/*===========================================================transition*/	
	-webkit-transition: background-color 0.3s ease-in;
	-moz-transition: background-color 0.3s ease-in;
	-ms-transition: background-color 0.3s ease-in;
	-o-transition: background-color 0.3s ease-in;
	transition: background-color 0.3s ease-in;
/*===========================================================transition*/
}


#map {
	background-color:rgba(255,255,255,.9);
	width:400px;
	padding:5.5%;
	margin:.5% 0px 0px 0px;
	float:left;
	clear:left;
	display:block;
}


.photo {
	background-color:rgba(255,255,255,.8);
	padding:5.5%;
	margin:2.5% 0px 0px 0px;
	width:400px;
	float:left;
	display:block;
	
	/*hor. ver. blur spread color*/
	-webkit-box-shadow: -1px -1px 10px 1px rgba(0,0,0,0.75); /*safari*/
	-moz-box-shadow: -1px -1px 5px 0px rgba(0,0,0,0.75);
	box-shadow: -1px -1px 5px 0px rgba(0,0,0,0.75);
}

.photo li a {
	margin:1px;
	cursor:pointer;
	float:left;
	border:none;
	outline:none;
}


.photo img {
	width:125px;
	margin:2px;
	cursor:pointer;
	float:left;
	border:none;
	outline:none;
}

.photo li:hover {
	-webkit-transform: scale(1.00,1.00);
	-moz-transform: scale(1.00,1.00);
	-o-transform: scale(1.00,1.00);
	transform: scale(1.00,1.00);
	/*===========================================================transition*/	
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
/*===========================================================transition*/

}

.photo a {
	cursor:pointer;
	border:none;
	outline:none;
}


.logo {
	background-color:rgba(255,255,255,1);
	width:250px;
	padding:1% 1%;
	margin:1% 0px 10px 0px;
	text-align:center;
	float:left;
	clear:left;
	display:block;
	
	/*hor. ver. blur spread color*/
	-webkit-box-shadow: -1px -1px 10px 1px rgba(0,0,0,0.75); /*safari*/
	-moz-box-shadow: -1px -1px 5px 0px rgba(0,0,0,0.75);
	box-shadow: -1px -1px 5px 0px rgba(0,0,0,0.75);
}




.gallery a {
	background-color:rgba(219,195,11,1);
	color:#fff;	
	width:250px;
	font-size:1.2em;
	padding:1%;
	margin:.5% 0px 0px 0px;
	float:left;
	clear:left;
	display:block;
	
	/*hor. ver. blur spread color*/
	-webkit-box-shadow: -1px -1px 10px 1px rgba(0,0,0,0.75); /*safari*/
	-moz-box-shadow: -1px -1px 5px 0px rgba(0,0,0,0.75);
	box-shadow: -1px -1px 5px 0px rgba(0,0,0,0.75);
}

.gallery a:hover {
	background-color:#fff;
	color:#013b6b;
	cursor:pointer;
	
	/*===========================================================transition*/	
	-webkit-transition: background-color 0.3s ease-in;
	-moz-transition: background-color 0.3s ease-in;
	-ms-transition: background-color 0.3s ease-in;
	-o-transition: background-color 0.3s ease-in;
	transition: background-color 0.3s ease-in;
/*===========================================================transition*/
}


.backIndex a{
	background-color:rgba(1,59,107,0.9);
	color:#fff;	
	width:250px;
	font-size:1.3em;
	padding:1%;
	margin:1% 0px 0px 0px;
	float:left;
	display:block;
	
	/*hor. ver. blur spread color*/
	-webkit-box-shadow: -1px -1px 10px 1px rgba(0,0,0,0.75); /*safari*/
	-moz-box-shadow: -1px -1px 5px 0px rgba(0,0,0,0.75);
	box-shadow: -1px -1px 5px 0px rgba(0,0,0,0.75);
}

.backIndex a:hover {
	background-color:#fff;
	color:#013b6b;
	cursor:pointer;
	
	/*===========================================================transition*/	
	-webkit-transition: background-color 0.3s ease-in;
	-moz-transition: background-color 0.3s ease-in;
	-ms-transition: background-color 0.3s ease-in;
	-o-transition: background-color 0.3s ease-in;
	transition: background-color 0.3s ease-in;
/*===========================================================transition*/
}