@font-face {
  font-family: 'Eurostile';
  src: local('☺'), 
  url('/theme/black/styles/eurosti-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
*{ margin: 0; padding: 0; }*
img {-webkit-user-drag: none;}
a {color: #266ba8; text-decoration: none; cursor:pointer;}
a:hover { color: #995;text-decoration: none; }
h2 {font-size: 18px; font-weight:bold; color:#133b5e; padding:4px; margin-bottom:12px; border-bottom:1px solid #CCC;}
#coments {position:relative; left:0px;}
#coments  .title{position:relative; width:600px; height:20px; }
#coments  .title h2{margin:0;}
#coments  .title .left{float:left; padding:5px; width:500px;}
#coments .addcoment {position:relative; top:5px; width:475px; height:230px;background: rgba(206,206,206,0.51); border:1px solid #93afbc; border-radius:5px; display:none;}
#coments  textarea{position:inherit;font-family: Eurostile;width:440px; min-width:440px; font-size:15px; height: 110px; margin:10px 10px 10px 10px; overflow:hidden; background:#FFF; border:1px solid #DDD; border-radius:3px;}
#coments  input[type="text"]{float:right; position:inherit;margin-right:3.1%;font-family: Eurostile; width:440px; height:25px; font-size:15px; border:1px solid #DDD; border-radius:3px;}
#coments  input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {  
      color: rgba(255,133,0,0.62);
      font-family: Eurostile;
      line-height:16px;
      text-shadow:1px 1px 2px rgba(96,96,96,0.28);
    } 
.interact {text-shadow:1px 1px 2px rgba(96,96,96,0.28);}
#coments input:-moz-placeholder, textarea:-moz-placeholder {  
      color: rgba(255,133,0,0.62);
      font-family: Eurostile;
      line-height:16px;
      text-shadow:1px 1px 2px rgba(96,96,96,0.28);
    } 
#coments  #statusbox{line-height:15px; color:#888; font-size:14px; height:20px;padding-top:6px;}

#coments .top {padding-top:20px;}
#coments .main {position:relative;}
#coments .block_name {height:40px; position:relative; left:5px; top:10px;}
#coments .name {height:40px; font-size:17px; font-weight:normal; color: #070; float:left;}
#coments .date {height:40px; font-size:12px; position:relative; padding-right:90px; padding-top:15px; float:right; color: #555;}
#coments img{float:left;margin-left:10px;}
#coments .coment{position:relative; left:12px; width:510px; height:auto; padding:12px 12px 12px 12px; border-radius:15px; border:1px solid #DDD; font-size:13px; background: rgba(253,255,226,0.82); text-align:justify;word-wrap:break-word;}
.butt {

	display: inline-block;
	vertical-align: baseline;
	margin: 0 2px 0;
	margin-top:0px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Eurostile;
	padding: .5em 2em .40em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	-o-border-radius: .5em; 
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-o-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.butt:hover {
	text-decoration: none;
}
.butt:active {
	position: relative;
	top: 1px;
}
	
/* white button */
.white_but {
	color: #606060;
	border: solid 1px #b7b7b7;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top,  #fff,  #ededed);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}
.white_but:hover {
	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
	background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
}
.white_but:active {
	color: #999;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
	background: -moz-linear-gradient(top,  #ededed,  #fff);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
}

/* orange */
.orange_but {
	color: white;
	border: solid 1px #da7c0c;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
	background: linear-gradient(top,  #faa51a,  #f47a20);
	background: -o-linear-gradient(top,  #faa51a,  #f47a20);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.orange_but:hover {
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	background: linear-gradient(top,  #f88e11,  #f06015);
	background: -o-linear-gradient(top,  #f88e11,  #f06015);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}