@charset "UTF-8";

a:link,a:active,a:hover {
  color:#;
}

a:visited {
  color:#;
}

body {
  background-image:url(https://img.mfcimg.com/photos2/186/18636039/151-179-997-661-7535780.jpg);
  color:#666666;
  font-family:'Verdana';
  font-weight:normal;
  font-style:normal;
  font-size:12px;
}

.profile_section_content {
  color:#666666;
  border:px #;
  padding:5px;
  margin:5px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  -webkit-box-shadow:0 0 0 #777777;
  -moz-box-shadow:0 0 0 #777777;
  box-shadow:0 0 0 #777777;
}

.profile_section_background {
  background:#2d2d2d;
  filter:alpha(opacity=100);
  opacity:1;
}

.img_radius_shadow {
  -webkit-border-radius:0;
  -moz-border-radius:0;
  border-radius:0;
  -webkit-box-shadow:0 0 0 #777777;
  -moz-box-shadow:0 0 0 #777777;
  box-shadow:0 0 0 #777777;
}

.profile_section_content .heading {
  padding:5px;
  color:#FFFFFF;
  font-family:'Verdana';
  font-weight:normal;
  font-style:normal;
  font-size:14px;
  -webkit-border-radius:0;
  -moz-border-radius:0;
  border-radius:0;
  -webkit-box-shadow:0 0 0 #777777;
  -moz-box-shadow:0 0 0 #777777;
  box-shadow:0 0 0 #777777;
  -webkit-text-shadow:0 0 0 #777777;
  -moz-text-shadow:0 0 0 #777777;
  text-shadow:0 0 0 #777777;
}

.content {
  padding:5px;
}

#profile_header {
  display:none;
}

#header_bar {
  display:none;
}

#footer_bar {
  display:none;
}

#profile {
  display:table;
  width:60%;
  margin-left:auto;
  margin-right:auto;
  margin-top:625px;
}

.upup {
  position:fixed;
  background-color:#de683f;
  width:100%;
  height:100px;
  top:0;
  left:0;
}

.upup2 {
  background-color:#2d2d2d;
  height:500px;
  left:0;
  position:absolute;
  top:-515px;
  width:100%;
  border-spacing:2px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
}

.cent {
  color:#fff;
  width:220px;
  height:100px;
  float:left;
  margin-left:22%;
}

.name {
  font-family:Arial,Helvetica,sans-serif;
  font-weight:bolder;
  font-size:40px;
  padding:5px;
}

.meniu {
  float:right;
  font-family:"Times New Roman",Times,serif;
  font-size:20px;
  font-weight:normal;
  margin-right:20%;
  padding-left:35px;
  padding-right:35px;
  padding-top:35px;
  padding-bottom:35px;
}

.meniu a {
  text-decoration:none;
  color:#fff;
  margin-left:10px;
  margin-right:15px;
}

.meniu a:hover {
  color:#2a2a2a;
}

.topq {
  color:#de683f;
  font-family:"Palatino Linotype","Book Antiqua",Palatino,serif;
  font-size:65px;
  font-style:italic;
  font-weight:normal;
  margin-left:23%;
  margin-right:23%;
  margin-top:3%;
}

.topq2 {
  color:#fff;
  font-family:"Palatino Linotype","Book Antiqua",Palatino,serif;
  font-size:28px;
  font-style:italic;
  font-weight:normal;
  margin-left:3%;
  margin-right:3%;
}

.meniu3 a img {
  float:right;
  padding-left:12%;
  padding-right:5%;
  padding-top:70px;
  width:19%;
}

.lb-album {
  margin:0 auto;
  font-family:'BebasNeueRegular','Arial Narrow',Arial,sans-serif;
  list-style-type:none;
}

.lb-album ul {
  list-style-type:none;
}

.lb-album li {
  float:left;
  margin:5px;
  position:relative;
  width:10%;
}

.lb-album li > a,.lb-album li > a img {
  display:block;
  padding-top:35px;
  width:140%;
}

.lb-album li > a {
  position:relative;
}

.lb-album li > a span {
  position:absolute;
  width:150px;
  height:150px;
  top:10px;
  left:10px;
  text-align:center;
  line-height:150px;
  color:rgba(27,54,81,0.8);
  text-shadow:0 1px 1px rgba(255,255,255,0.6);
  font-size:24px;
  opacity:0;
  filter:alpha(opacity=0);
/* internet explorer */
  -ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
/*IE8*/
  background:rgb(241,210,194);
  background:-moz-radial-gradient(center,ellipse cover,rgba(255,255,255,0.56) 0%,rgba(241,210,194,1) 100%);
  background:-webkit-gradient(radial,center center,0px,center center,100%,color-stop(0%,rgba(255,255,255,0.56)),color-stop(100%,rgba(241,210,194,1)));
  background:-webkit-radial-gradient(center,ellipse cover,rgba(255,255,255,0.56) 0%,rgba(241,210,194,1) 100%);
  background:-o-radial-gradient(center,ellipse cover,rgba(255,255,255,0.56) 0%,rgba(241,210,194,1) 100%);
  background:-ms-radial-gradient(center,ellipse cover,rgba(255,255,255,0.56) 0%,rgba(241,210,194,1) 100%);
  background:radial-gradient(center,ellipse cover,rgba(255,255,255,0.56) 0%,rgba(241,210,194,1) 100%);
  -webkit-transition:opacity .3s linear;
  -moz-transition:opacity .3s linear;
  -o-transition:opacity .3s linear;
  -ms-transition:opacity .3s linear;
  transition:opacity .3s linear;
}

.lb-album li > a:hover span {
  opacity:1;
  filter:alpha(opacity=99);
/* internet explorer */
  -ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=99);
/*IE8*/
}

.lb-overlay {
  width:0;
  height:0;
  position:fixed;
  overflow:hidden;
  left:0;
  top:0;
  padding:0;
  z-index:99;
  text-align:center;
  background:rgb(241,210,194);
  background:-moz-radial-gradient(center,ellipse cover,rgba(255,255,255,0.56) 0%,rgba(241,210,194,1) 100%);
  background:-webkit-gradient(radial,center center,0px,center center,100%,color-stop(0%,rgba(255,255,255,0.56)),color-stop(100%,rgba(241,210,194,1)));
  background:-webkit-radial-gradient(center,ellipse cover,rgba(255,255,255,0.56) 0%,rgba(241,210,194,1) 100%);
  background:-o-radial-gradient(center,ellipse cover,rgba(255,255,255,0.56) 0%,rgba(241,210,194,1) 100%);
  background:-ms-radial-gradient(center,ellipse cover,rgba(255,255,255,0.56) 0%,rgba(241,210,194,1) 100%);
  background:radial-gradient(center,ellipse cover,rgba(255,255,255,0.56) 0%,rgba(241,210,194,1) 100%);
}

.lb-overlay > div {
  position:relative;
  color:rgba(27,54,81,0.8);
  opacity:0;
  filter:alpha(opacity=0);
/* internet explorer */
  -ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
/*IE8*/
  width:550px;
  margin:10px auto 0;
  text-shadow:0 1px 1px rgba(255,255,255,0.6);
  -webkit-transition:opacity .3s linear 1.3s;
  -moz-transition:opacity .3s linear 1.3s;
  -o-transition:opacity .3s linear 1.3s;
  -ms-transition:opacity .3s linear 1.3s;
  transition:opacity .3s linear 1.3s;
}

.lb-overlay div h3,.lb-overlay div p {
  padding:0 20px;
  width:200px;
  height:60px;
}

.lb-overlay div h3 {
  font-size:36px;
  float:left;
  text-align:right;
  border-right:1px solid rgba(27,54,81,0.4);
}

.lb-overlay div h3 span,.lb-overlay div p {
  font-size:16px;
  font-family:Constantia,Palatino,"Palatino Linotype","Palatino LT STD",Georgia,serif;
  font-style:italic;
}

.lb-overlay div h3 span {
  display:block;
  line-height:6px;
}

.lb-overlay div p {
  text-align:left;
  float:left;
  width:260px;
}

.lb-overlay a.lb-close {
  background:rgba(27,54,81,0.8);
  z-index:1001;
  color:#fff;
  position:absolute;
  top:43px;
  left:70%;
  font-size:15px;
  line-height:26px;
  text-align:center;
  width:182px;
  height:37px;
  overflow:hidden;
  margin-left:-25px;
  opacity:0;
  filter:alpha(opacity=0);
/* internet explorer */
  -ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
/*IE8*/
  -webkit-box-shadow:0 1px 2px rgba(0,0,0,0.3);
  -moz-box-shadow:0 1px 2px rgba(0,0,0,0.3);
  box-shadow:0 1px 2px rgba(0,0,0,0.3);
  -webkit-transition:opacity .3s linear 1.2s;
  -moz-transition:opacity .3s linear 1.2s;
  -o-transition:opacity .3s linear 1.2s;
  -ms-transition:opacity .3s linear 1.2s;
  transition:opacity .3s linear 1.2s;
  -webkit-border-top-left-radius:5px;
  -webkit-border-top-right-radius:5px;
  -moz-border-radius-topleft:5px;
  -moz-border-radius-topright:5px;
  border-top-left-radius:5px;
  border-top-right-radius:5px;
}

.lb-overlay img {
/* height: 100%; For Opera max-height does not seem to work */
  max-height:100%;
  position:relative;
  -webkit-box-shadow:1px 1px 4px rgba(0,0,0,0.3);
  -moz-box-shadow:1px 1px 4px rgba(0,0,0,0.3);
  box-shadow:0 2px 7px rgba(0,0,0,0.2);
  -webkit-border-radius:5px;
  -webkit-border-top-right-radius:0;
  -moz-border-radius:5px;
  -moz-border-radius-topright:0;
  border-radius:5px;
  border-top-right-radius:0;
}

.lb-overlay:target {
  width:auto;
  height:auto;
  bottom:0;
  right:0;
  padding:80px 100px 120px;
}

.lb-overlay:target img {
  -webkit-animation:fadeInScale 1.2s ease-in-out;
  -moz-animation:fadeInScale 1.2s ease-in-out;
  -o-animation:fadeInScale 1.2s ease-in-out;
  -ms-animation:fadeInScale 1.2s ease-in-out;
  animation:fadeInScale 1.2s ease-in-out;
}

.lb-overlay:target a.lb-close,.lb-overlay:target > div {
  opacity:1;
  filter:alpha(opacity=99);
/* internet explorer */
  -ms-filter:progid:DXImageTransform.Microsoft.Alpha(opacity=99);
/*IE8*/
}

@-webkit-keyframes fadeInScale {
  0% {
    -webkit-transform:scale(0.6);
    opacity:0;
  }
  
  100% {
    -webkit-transform:scale(1);
    opacity:1;
  }
}

@-moz-keyframes fadeInScale {
  0% {
    -moz-transform:scale(0.6);
    opacity:0;
  }
  
  100% {
    -moz-transform:scale(1);
    opacity:1;
  }
}

@-o-keyframes fadeInScale {
  0% {
    -o-transform:scale(0.6);
    opacity:0;
  }
  
  100% {
    -o-transform:scale(1);
    opacity:1;
  }
}

@-ms-keyframes fadeInScale {
  0% {
    -ms-transform:scale(0.6);
    opacity:0;
  }
  
  100% {
    -ms-transform:scale(1);
    opacity:1;
  }
}

@keyframes fadeInScale {
  0% {
    transform:scale(0.6);
    opacity:0;
  }
  
  100% {
    transform:scale(1);
    opacity:1;
  }
}

/* 
	100% Height for Opera as the max-height seems to be ignored, not optimal for large screens 
	http://bricss.net/post/11230266445/css-hack-to-target-opera 
*/
x:-o-prefocus,.lb-overlay img {
  height:100%;
}

#profile_main_photo {
  display:none;
}