.flirts { 
overflow: hidden; 
}

.flirt-tips { 
	background: url('../img/bg-flirt.jpg') no-repeat; 
	margin: 5px 0 0 -5px; 
	padding: 349px 0 40px; 
	text-align: center; 
	width: 605px; 
}

.btn { 
	background-color: transparent; 
	background-repeat: no-repeat; 
	border: none; 
	color: #964700; 
	cursor: pointer; 
	display: block; 
	font-size: 21px; 
	font-weight: normal; 
	height: 50px; 
	line-height: 50px; 
	padding: 0; 
	position: relative; 
	text-align: center; 
	text-decoration: none; 
	-moz-text-shadow: #fafafa 0 1px 1px; 
	text-shadow: 0 1px 1px #FFC272; 
	white-space: nowrap; 
}

.btn:hover { 
	background-position: bottom left; 
	color: #ffffff; 
	text-shadow: #ffc272 0 -1px 0; 
	text-decoration: none;
}

.flirt-tips .btn { 
	margin: 0 auto; 
}

.flirt-tips a:hover { 
	margin: 0 auto; 
}

.btn-understand { 
	background-image: url('../img/button-o.png'); 
	width: 280px; 
}

.flirt_list {
float:left;
margin:5px;
}
.flirt_list .ava{
display:block;
width:150px;
height:150px;
-moz-box-shadow:0 0 4px rgba(0,0,0,0.35);
-webkit-box-shadow:0 0 4px rgba(0,0,0,0.35);
line-height:150px;
overflow:hidden;
position:relative;
border:1px solid #fff;
z-index:1;
}

.portfolio-items img {
float:left;
position:relative;
top:-0px;
left:-20px;
max-width:140%;
min-height: 150px;
min-width: 150px;
}

.portfolio-items li {
position:relative; display:inline-block; background:#fff; height:150px;
}

.portfolio-items li a {
text-decoration: none;
}

.portfolio-items li:hover img{
opacity:0.6; 
-moz-opacity:0.6; 
filter:alpha(opacity=60);
cursor: pointer; 
}

.portfolio-items li div {position:absolute;height:20px; background:rgba(0,0,0,.45); overflow:hidden;bottom:0px;left:0px; right:0px; padding: 0 0px 2px 0px;-webkit-transition:height 1s;-moz-transition:height 1s;-o-transition:height 1s;-ms-transition:height 1s; transition:height 1s;color:#fff;line-height:20px;font-size:1.2em;}

/*.portfolio-items li:hover div {height:30px*/

.portfolio-items span {
cursor: pointer; 
font-family:Georgia;
font-size: 14px;
color: #fff;
}

.flirt_start {
float:left;
margin:0px 10px 10px 3px;
width:265px;
padding-left: 2px;
}

.flirt_fotka {
	max-width:100%;    
}

.flirt_start img{
	border:1px solid #CCC;
    background-color:#FFF;
    padding:4px;    
    -moz-box-sizing:border-box;
    box-shadow:1px 1px 1px rgba(0,0,0,0.15);
}

.flirt_lenta {
    background-color: #57c8f1;
    border-color: #57c8f1;
    color: #FFFFFF;
    margin: 10px 0px;
    padding: 8px;
    border-radius: 4px;
	text-align:center;
}

.flirt_lenta:hover {
    background-color: #53bee6;
    border-color: #53BEE6;
}

.flirt_button {
  text-decoration:none; 
  display: inline-block;
  *display: inline;
  padding: 4px 12px;
  margin-bottom: 0;
  *margin-left: .3em;
  font-size: 14px;
  line-height: 20px;
  color: #333333;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  cursor: pointer;
  background-color: #f5f5f5;
  *background-color: #e6e6e6;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border: 1px solid #cccccc;
  *border: 0;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-bottom-color: #b3b3b3;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  *zoom: 1;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn-primary.active {
  color: rgba(255, 255, 255, 0.75);
}

.btn-primary {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #006dcc;
  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
  background-image: linear-gradient(to bottom, #0088cc, #0044cc);
  background-repeat: repeat-x;
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  color: #FFFF00;
  background-color: #003bb3;
}

.btn-primary:active {
  background-color: #003399 \9;
}

.flirt_start_spisok {
float:right;
margin:2px 30px 10px 3px;
width:315px;
}

.flirt_start_spisok .block_spisok{
padding:10px;
border: 1px solid #E0D9D9;
padding-bottom: 5px;
}

.flirt_start_spisok .block_spisok img{
margin:2px;
-moz-box-shadow:0 0 4px rgba(0,0,0,0.35);
-webkit-box-shadow:0 0 4px rgba(0,0,0,0.35);
border:1px solid #fff;
}

.flirt_start_spisok .block_spisok img:hover{
    opacity: 0.8;
}

h1 span {color:#34495e;}

a.f_button {
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-ms-border-radius: 2px;
	-khtml-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px
	position: relative;
	top: 0;
	left: 0;
	vertical-align: middle;
	margin: 0 2px 5px 0;
	padding: 8px 10px 10px;
	line-height: 100%;
	cursor: pointer;
	width: auto;
	overflow: visible;
	font-weight: bold;
	font-size: 16px;
	color: #fff;
	text-decoration: none;
	vertical-align: middle;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: inline-block;
*display:inline;
	zoom: 1;
	background-color: #333
}

a.f_button img{ 
	border:none;
	padding:0px;
	background-color: transparent;
	width:16px;
	margin-bottom:-3px;
    box-shadow:none;
}

a.f_button.green {
	background-color: #1abc9c;
}
a.f_button.colored  {
	background-color: #e74c3c;
}

.podskazka .notetitle {
  border: 1px solid rgb(112, 106, 106);
  border-bottom: none;
  padding: 3px 5px 2px;
  display: inline;
  background: #C0EEAA;
  font-weight: bold;
  font-size: 90%;
  margin: 0;
  white-space: nowrap;
}
.podskazka .note {
  border: solid 1px #5F5C59;
  background: #f3f0e9;
  padding: 7px;
  margin: 0 0 1em 0;
}

.flirt_start h2 a {cursor:pointer;}