@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(http://fonts.gstatic.com/s/opensans/v13/DXI1ORHCpsQm3Vp6mXoaTegdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(http://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(http://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSugdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(http://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzOgdm0LZdjqr5-oayXSOefg.woff2) format('woff2');
}	
html,body{
	height:100%; 
	width:100%;
}
body{
 margin:0px;
 background-color:#00aeef;
}
body,td,th{
 font-family: Arial,Helvetica,sans-serif;
 color:#666;
}
h1{
 margin:0px;
}
hr{
  border: 0; 
  height: 1px; 
  background: #d0d0d0; 
  background-image: linear-gradient(to right, #ccc, #d0d0d0, #ccc); 
}

.content{
 width:72%;
 height:100vh;
 margin-top:1%;
 background-color:#ffffff;
 -webkit-border-top-left-radius: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomright: 20px;
-moz-border-radius-bottomleft: 20px;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
}




.headerBlock{
 background-color:#ffffff;
 height:15%;
 padding:1%;
 text-align:left;
 display:block;

-webkit-border-top-left-radius: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
}
.headerLeftBlock{
 text-align:left;
 width:50%;
 float:left;
}
.headerRightBlock{
 text-align:right;
 width:50%;
 float:left;
}
.headerLogoText{
 display:inline-block;
 width:40%;
 font-size:110%;
}
.headerLogoText a{
 text-decoration:none;
 color:#666;
}

/* MENÜ */

.mobileMenuBlock{
 display:none;
}
.mobileMenuList{
 display:none;
}
.menuOuter{
 background-color:#ffffff;
 border-top:1px solid #a9a9a9;
 border-bottom:1px solid #a9a9a9;
}
.menu{
 background-color:#ffffff;
 height:35px;
 margin-left:0;
 width:98%;
}
#primary_nav_wrap{
}
#primary_nav_wrap ul{
	list-style:none;
	position:relative;
	float:left;
	margin:0;
	padding:0;
	color:#312320;
	z-index:20;  


}
#primary_nav_wrap ul a{
    font-family: "Open Sans",sans-serif;
	text-transform: uppercase;
    font-weight: normal;
	display:block;
	color:#707070;
	text-decoration:none;
	font-size:14px;
	line-height:35px;
	padding:0 11px;
	
}
#primary_nav_wrap ul a:hover{
 color:#000000;
}
#primary_nav_wrap ul li{
	position:relative;
	float:left;
	text-align:left;
	margin:0;
	padding:0;
    border-right: 1px solid #ffffff;
	
}

#primary_nav_wrap ul li.current-menu-item{
	background:#ddd;
}
#primary_nav_wrap ul li:hover{
	background:#f4fcff;
	
}
#primary_nav_wrap ul ul{
	display:none;
	position:absolute;
	top:100%;
	left:0;
	background:#f4fcff;
	padding:0;
	-webkit-box-shadow:3px 3px 5px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:3px 3px 5px 0px rgba(50, 50, 50, 0.75);
    box-shadow:3px 3px 5px 0px rgba(50, 50, 50, 0.75);
}
#primary_nav_wrap ul ul li{
	float:none;
	width:160px;	
}
#primary_nav_wrap ul ul a{
	line-height:120%;
	padding:10px 15px;
	color:#000000;
}
#primary_nav_wrap ul ul ul{
	top:0;
	left:100%
}
#primary_nav_wrap ul li:hover > ul{
	display:block;
	-webkit-animation: fadein 0.5s; /* Safari and Chrome */
    -moz-animation: fadein 0.5s; /* Firefox */
    -ms-animation: fadein 0.5s; /* Internet Explorer */
    -o-animation: fadein 0.5s; /* Opera */
    animation: fadein 0.5s;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari and Chrome */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}


@keyframes fadeout {
    from { opacity: 1; }
    to   { opacity: 0; }
}

/* Firefox */
@-moz-keyframes fadeout {
    from { opacity: 1; }
    to   { opacity: 0; }
}

/* Safari and Chrome */
@-webkit-keyframes fadeout {
    from { opacity: 1; }
    to   { opacity: 0; }
}

/* Internet Explorer */
@-ms-keyframes fadeout {
    from { opacity: 1; }
    to   { opacity: 0; }
}
/* /MENÜ */


.mainContent{
 background-color:#ffffff;
 text-align:left;
 padding:2%;
 padding-top:3%;
 min-height:60%;
 vertical-align:top;
}

.footer{
 background-color:#343434;
 padding:2%;
 -webkit-border-bottom-right-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomright: 20px;
-moz-border-radius-bottomleft: 20px;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
}


/* Ablak */
.ppup {
    width:100%;
    height:100%;
    display:none;
    position:fixed;
    top:0px;
    left:0px;
    background:rgba(0,0,0,0.75);
	z-index:0;
}
.ppup-inner {
    max-width:700px;
    width:90%;
    padding:40px;
    position:absolute;
    top:40%;
    left:50%;
    -webkit-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    box-shadow:0px 2px 6px rgba(0,0,0,1);
    border-radius:3px;
    background:#fff;
	z-index:3;
	margin-top:40px;
}
.ppButtons a:link,
.ppButtons a:active,
.ppButtons a:visited,
.btnS1{
   background: #52514f;
  color: #ffffff !important;
  font-size: 14px;
  padding: 6px 10px 6px 10px;
  text-decoration: none;
  border:none;
}
 
 .textTitle {
    display: inline-block;
    width: 20%;
}
.inputRow {
    margin-bottom: 5px;
}

.errorText{
 color:#ff0000;	
}
/* /Ablak */
/* photoListBlock.tpl */
.photoListBlock{
 display:inline-block;
 width:100%;
 text-align:center;
}
.photoBlock{
 float:left;
 width:15%;
 height:90px;
 text-align:center;
 margin-right:1.5%;
 margin-bottom:1%;
 background-color:#ffffff;
  -webkit-box-shadow: 10px 10px 5px -7px rgba(0,0,0,0.75);
 -moz-box-shadow: 10px 10px 5px -7px rgba(0,0,0,0.75);
 box-shadow: 10px 10px 5px -7px rgba(0,0,0,0.75);
}
.photoBlock img{
 max-width:100% !important;
 max-height:100% !important;

}
/* /photoListBlock */