@charset "UTF-8";

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

a:visited {
  color:#;
}

body {
  background-image:url(http://www.hdwallpapers.in/walls/small_sea_wave_hdtv_1080p-HD.jpg);
  background-repeat:no-repeat;
  background-attachment:fixed;
  background-position:center top;
  background-color:#ffffff;
  background-size:100%;
  color:#000000;
  font-family:'Verdana';
  font-weight:normal;
  font-style:normal;
  font-size:12px;
}

#profile {
  display:table;
  padding-top:600px;
  position:absolute;
  right:25%;
  width:50%;
}

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

.profile_section_background {
  background-image:url();
  background-color:transparent;
  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;
  background-color:#ffccff;
  color:#000000;
  font-family:'Verdana';
  font-size:14px;
  font-style:inherit;
  font-weight:900;
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
  border-radius:2px;
  -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;
}

#profile_main_photo {
  display:none;
  vertical-align:top;
  width:250px;
}

#header_bar {
  display:none;
  padding:5px 20px 10px 10px;
}

#footer_bar {
  display:none;
  padding:10px 20px 20px 10px;
}

.meniu {
  background:#66ffff;
  bottom:0;
  float:right;
  height:360px;
  left:0;
  position:fixed;
  width:190px;
  -webkit-border-top-right-radius:10px;
  -webkit-border-bottom-right-radius:10px;
  -moz-border-radius-topright:10px;
  -moz-border-radius-bottomright:10px;
  border-top-right-radius:10px;
  border-bottom-right-radius:10px;
}

.meniu a {
  background:#66ffff;
  color:#fff;
  margin-left:0;
  margin-right:0;
  margin-top:0;
  margin-bottom:0;
  text-decoration:none;
  padding:20px;
  display:block;
  float:left;
  width:150px;
  height:20px;
  text-align:center;
  font-weight:bold;
  -webkit-border-top-right-radius:10px;
  -webkit-border-bottom-right-radius:10px;
  -moz-border-radius-topright:10px;
  -moz-border-radius-bottomright:10px;
  border-top-right-radius:10px;
  border-bottom-right-radius:10px;
}

.meniu a:hover {
  -moz-transition:all 3s ease;
  -webkit-transition:all 3s ease;
  -o-transition:all 3s ease;
  transition:all 3s ease;
  text-decoration:none;
  width:200px;
  padding-left:50px;
  text-decoration:underline;
  -webkit-border-top-right-radius:30px;
  -webkit-border-bottom-right-radius:30px;
  -moz-border-radius-topright:30px;
  -moz-border-radius-bottomright:30px;
  border-top-right-radius:30px;
  border-bottom-right-radius:30px;
  background:#66ffff;
/* Old browsers */
  background:-moz-linear-gradient(left,#a90329 0%,#8f0222 50%,#6d0019 100%);
/* FF3.6+ */
  background:-webkit-gradient(linear,left top,right top,color-stop(0%,#a90329),color-stop(50%,#8f0222),color-stop(100%,#6d0019));
/* Chrome,Safari4+ */
  background:-webkit-linear-gradient(left,#a90329 0%,#8f0222 50%,#6d0019 100%);
/* Chrome10+,Safari5.1+ */
  background:-o-linear-gradient(left,#a90329 0%,#8f0222 50%,#6d0019 100%);
/* Opera 11.10+ */
  background:-ms-linear-gradient(left,#a90329 0%,#8f0222 50%,#6d0019 100%);
/* IE10+ */
  background:linear-gradient(to right,#a90329 0%,#8f0222 50%,#6d0019 100%);
/* W3C */
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a90329',endColorstr='#6d0019',GradientType=1);
/* IE6-9 */
  -webkit-box-shadow:2px 2px 4px 1px #000000;
  box-shadow:2px 2px 4px 1px #000000;
}

.syw {
  float:right;
  height:540px;
  position:fixed;
  right:25px;
  top:25px;
  width:300px;
}

.cevanou {
  float:right;
  height:270px;
  position:fixed;
  right:25px;
  bottom:25px;
  width:300px;
}

.flip-container {
  perspective:1000px;
}

.flip-container:hover .flipper,.flip-container.hover .flipper {
  transform:rotateY(180deg);
}

.flip-container,.front,.back {
  width:320px;
  height:480px;
}

.flipper {
  transition:.6s;
  transform-style:preserve-3d;
  position:relative;
}

.front,.back {
  backface-visibility:hidden;
  position:absolute;
  top:0;
  left:0;
}

.front {
  z-index:2;
}

.back {
  transform:rotateY(180deg);
}