/* General Section */

html, body, textarea, input { 
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	-webkit-text-size-adjust:none;
}
html {

	background-color:#eff0f4;
	
}
a{ text-decoration:none; cursor:pointer;}
a:hover { text-decoration:underline; }
a, a:hover, a:visited, a:link {color:#000;}

::-moz-selection{ text-shadow:none; }
::selection { text-shadow:none; }

header, footer, nav, section{
	display:block;
}

h1, h2, h3, h4, h5, h6{
	font-weight:100;
	color:#2a2a2a;
}
h1 {
	font-size:28px;
	line-height:32px;
}
h2 {
	font-size:24px;
	line-height:26px;
}
h3 {
	font-size:20px;
	line-height:24px;
}
h4 {
	font-size:18px;
	line-height:22px;
}
h5 {
	font-size:16px;
	line-height:22px;
}
h6 {
	font-size:14px;
	line-height:20px;
}
h1 span{
	font-size:14px;
	line-height:14px;
}
h2 span{
	font-size:12px;
	line-height:12px;
}
h3 span{
	font-size:10px;
	line-height:10px;
}

p, ul, ol, pre{
	margin-bottom:18px;
	line-height:18px;
	color:#2a2a2a;
	font-size:12px;
}

pre {
	background-color:#CCC;
	border:1px dashed #999;
}

blockquote{
	font-size:16px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	border-left:5px solid;
	padding:0 18px;
	margin:36px;
}

hr { 
	display:block;
	height:0px;
	line-height:0px;
	border:0;
	border-top:1px solid;
	border-bottom:1px solid;
	margin:16px 0;
	float:none;
	clear:both;
	padding:0;
}
strong{
	font-weight:700;
}
em{
	font-style:italic;
}
img{
	border:0;
}

.small{
	font-size:10px;
}

fieldset { border: 1px solid  #CCC; padding: 10px; }

.clear {
	clear:both;
}

/* Header */

header{
	background-image:url(../images/bg_head.png);
	background-repeat:repeat-x;
	height:51px;
}

.container {
	width:950px;
	margin:auto;
}


#logo{
	background:url(../images/logo.png) no-repeat;
	margin-top:4px;
	width:105px;
	float:left;
	margin-left:10px;
}

/* Navigation  header*/

#nav li.top {display:block; float:left; height:27px; margin-top:10px;}
#nav li a.top_link {display:block; float:left; font-family: Arial, Helvetica, sans-serif; font-size:13px; color:#FFF; text-transform:uppercase; }
#nav li a.top_link span {float:left; display:block; height:20px; padding-top:5px; padding-left:8px; padding-right:8px;}
#nav li:hover a.top_link, 
#nav li.iehover a.top_link {color:#fff; cursor:pointer; color:#488d2f;}
#nav li:hover {position:relative; z-index:200; cursor:pointer; background-color:#FFF; }
#nav li:hover ul.sub
{left:0px; top:27px; background: #fff;  white-space:nowrap; width:auto; height:auto; z-index:300; cursor:pointer;  }
#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:90px;  padding:3px; white-space:nowrap; width:90px; z-index:400; height:auto; }
#nav ul, 
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute;  top:-9999px; left:-5px; width:0; height:0; margin:0; padding:0; list-style:none; }
#nav li:hover li a.fly { color:#a4a4a4; font-size:13px; text-transform:uppercase;   padding-right:15px; margin-left:-10px;} 
#nav li:hover li:hover a.fly { color:#2a2a2a; text-decoration:none;  } 

/* Bar */

#bar {
	width:100%;
	background-color:#f9f9f9;
	height:295px;
	padding-top:7px;
}

/* Main Navigation */
nav {
	height:30px;
	width:949px;
	background-color:#a3d645;
}

.main-nav {
	padding-top:5px;
}
.main-nav li {
	text-transform:uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	list-style:none;
	float:left;
	color:#1e6305;
	padding-right:5px;
	height:25px;
}

.main-nav li a {
	color:#1e6305;
	text-decoration:none;
}

#activ {
	background-image:url(../images/activ-nav.png);
	background-position:bottom;
	background-repeat:no-repeat;
}


/* Content */
#content {
	width:950px;
	margin:auto;
	clear:both;
}

/* Grid */
.grid-1 {
	width:946px;
	border:#d1d1d2 1px solid;
	background-color:#FFF;
	margin-top:7px;
	float:left;
}

.grid-2 {
	width:652px;
	border:#d1d1d2 1px solid;
	background-color:#FFF;
	margin-top:7px;
	margin-right:6px;
	float:left;
	min-height:292px;
}

.grid-3 {
	width:287px;
	border:#d1d1d2 1px solid;
	background-color:#FFF;
	margin-top:7px;
	float:left;
	min-height:292px;
}

.grid-4 {
	width:468px;
	border:#d1d1d2 1px solid;
	background-color:#FFF;
	margin-top:7px;
	float:left;
}

.grid-5 {
	width:469px;
	border:#d1d1d2 1px solid;
	background-color:#FFF;
	margin-top:7px;
	float:left;
	margin-left:6px;
}

.title-grid {
	background-image:url(../images/title-grid.png);
	background-repeat:repeat-x;
	height:22px;
	width:100%-1px;
	padding-top:10px;
	border:1px solid #185003;
	margin-bottom:10px;
}

.title-grid span {
	color:#FFF;
	padding-left:5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	text-transform:uppercase;
}

.lining {
	padding-left:8px;
	padding-right:8px;
	padding-bottom:8px;
}


.info {
	padding-left:25px;
	padding-right:25px;
}
/* STATICS */
.statics {
	border:1px solid #CCC; width: 947px;
}



/* -------------------- FORM ------------------- */

/* Gallery
-------------------------------------------------------------------*/
.gallery li {display: inline-block; float: left; margin: 10px; position: relative}
.gallery li img {background: #fff;border: 1px solid #dcdcdc;display: block;height: 90px;margin: 0 auto;padding: 4px;width: 90px;}

.gallery li:hover .img_options {display: block}

.img_options {position: absolute;z-index: 99; bottom: 5px; right: 20px;  display: none}
.img_options li { display: inline-block; float: none;margin: 0 !important;text-align: center; }

.gallery li:hover img {border: 1px solid #cacaca; box-shadow: 0 0 3px #b0b0b0}


#gallery {
	list-style:none;
	
	
}

#gallery li {
	float:left;
	padding-bottom:5px;
}

#gallery li img {

	border:1px #CCC solid;
}


.image_container{
   width:110px;
   height:110px;
}

.transparent{
/*   opacity: 0.8; */
}

/*.item .delete{
	background:url('../images/delete_icon.png') no-repeat;
	width:30px;
	height:30px;

	cursor:pointer;
}
*/       
/* MESSAGES */
.message {
	margin-left:10px;
	margin-right:10px;
	margin-bottom:10px;
	padding:3px;
	background-color:#f7f7f7;
	border:1px solid #e5e5e5;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.border { border-bottom:1px solid #d5d5d5; }
.title-mes {
	height:20px;
	float:left;
}

.title-mes a {
	color:#488d2f;
	text-decoration:underline;
}

.action-mes { float:right;}

.date-mes {
	clear:both;
	background-color:#9cd143;
	color:#FFF;
	width:70px;
	text-align:center;
	margin-bottom:3px;
	margin-top:3px;
}

.text-mes {
	color:#2a2a2a;
}

.author-mes {
	background-image: url(../images/author.png);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:20px;
	padding-top:1px;
	margin-top:5px;
	color:#2a2a2a;
	font-size:11px;
	height:16px;
}

/* Item (INFO MESSEGES) */
.item-green {
	background-image:url(../images/item.png);
	height:22px;
	color:#FFF;
	padding-left:10px;
	padding-top:9px;
	text-transform:uppercase;
	border:1px solid #185003;
	margin-bottom:5px;
	margin-top:5px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.item-blu {
	background-image:url(../images/item.png);
	background-position:0 -31px;
	height:22px;
	color:#FFF;
	padding-left:10px;
	padding-top:9px;
	text-transform:uppercase;
	border:1px solid #032688;
	margin-bottom:5px;
	margin-top:5px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.item-red {
	background-image:url(../images/item.png);
	background-position:0 -62px;
	height:22px;
	color:#FFF;
	padding-left:10px;
	padding-top:9px;
	text-transform:uppercase;
	border:1px solid #830303;
	margin-bottom:5px;
	margin-top:5px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.item-orange {
	background-image:url(../images/item.png);
	background-position:0 -93px;
	height:22px;
	color:#FFF;
	padding-left:10px;
	padding-top:9px;
	text-transform:uppercase;
	border:1px solid #b18101;
	margin-bottom:5px;
	margin-top:5px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.item-black {
	background-image:url(../images/item.png);
	background-position:0 -124px;
	height:22px;
	color:#FFF;
	padding-left:10px;
	padding-top:9px;
	text-transform:uppercase;
	border:1px solid #999;
	margin-bottom:5px;
	margin-top:5px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.hideit {
	cursor:pointer;
}
/* BUTTONS */
.button-a, .button-a span {
	display: inline-block;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.button-a {
	white-space: nowrap;
	line-height:1em;
	position:relative;
	outline: none;
	overflow: visible; /* removes extra side padding in IE */
	cursor: pointer;
	border: 1px solid #999;/* IE */
	border: rgba(0, 0, 0, .2) 1px solid;/* Saf4+, Chrome, FF3.6 */
	border-bottom:rgba(0, 0, 0, .4) 1px solid;
	-webkit-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);
	background: -moz-linear-gradient(
		center top,
		rgba(255, 255, 255, .1) 0%,
		rgba(0, 0, 0, .1) 100%
	);/* FF3.6 */
	background: -webkit-gradient(
		linear,
		center bottom,
		center top,
		from(rgba(0, 0, 0, .1)),
		to(rgba(255, 255, 255, .1))
	);/* Saf4+, Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000')"; /* IE8 */
	-moz-user-select: none;
	-webkit-user-select:none;
	-khtml-user-select: none;
	user-select: none;
	margin-bottom:10px;
}
.button-a.full, .button-a.full span {
	display: block;
}
.button-a:hover, .button-a.hover {
	background: -moz-linear-gradient(
		center top,
		rgba(255, 255, 255, .2) 0%,
		rgba(255, 255, 255, .1) 100%
	);/* FF3.6 */
	background: -webkit-gradient(
		linear,
		center bottom,
		center top,
		from(rgba(255, 255, 255, .1)),
		to(rgba(255, 255, 255, .2))
	);/* Saf4+, Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#33FFFFFF', EndColorStr='#19FFFFFF'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#33FFFFFF', EndColorStr='#19FFFFFF')"; /* IE8 */
}
.button-a:active, .button-a.active {
	top:1px;
}
.button-a span {
	position: relative;
	color:#fff;
	text-shadow:0 1px 1px rgba(0, 0, 0, 0.25);
	border-top: rgba(255, 255, 255, .2) 1px solid;
	padding:0.6em 1.3em;
	line-height:1em;
	text-decoration:none;
	text-align:center;
	white-space: nowrap;
}

.button-a.small span {
	font-size:12px;
}

.button-a.black {
	background-image:url(../images/item.png);
	background-position:0 -125px;
}
.button-a.gray {
	background-color: #666666;
}
.button-a.white {
	background-color: #FFFFFF;
}
.button-a.white span{
	color: #666666;
}
.button-a.red {
	background-image:url(../images/item.png);
	background-position:0 -63px;
}
.button-a.orange {
	background-image:url(../images/item.png);
	background-position:0 -94px;
}
.button-a.magenta {
	background-color: #A9014B;
}
.button-a.yellow {
	background-color: #ffb515;
}
.button-a.blue {
	background-image:url(../images/item.png);
	background-position:0 -32px;
}
.button-a.pink {
	background-color: #e22092;
}
.button-a.green {
	background-image:url(../images/item.png);
	background-position:0 -1px;
}
.button-a.rosy {
	background-color: #F16C7C;
}
.button-a.brown {
	background-color: #804000;
}
.button-a.purple {
	background-color: #800080;
}
.button-a.cyan {
	background-color: #46C7C7;
}
.button-a.gold {
	background-color: #D4A017;
}


/* ACCARDION */
.accordion
{
	padding: 10px;	

}
 
.accordion section 
{
 	border-bottom: 1px solid #ccc;
	margin: 5px;
	
	background-color: #fff;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
    background-image: -webkit-linear-gradient(top, #fff, #eee);
    background-image:    -moz-linear-gradient(top, #fff, #eee);
    background-image:     -ms-linear-gradient(top, #fff, #eee);
    background-image:      -o-linear-gradient(top, #fff, #eee);
    background-image:         linear-gradient(top, #fff, #eee);
  
  	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.accordion h2,
 .accordion p
{
	margin: 0;	
}

.accordion div
{
	height: 150px;
	display: none;
}

.accordion p
{
	padding: 10px;
}
 
.accordion h2 a 
{
	display: block;
	position: relative;
	font: 14px/1 'Trebuchet MS', 'Lucida Sans', Arial, Helvetica;
	padding: 10px;
	color: #333;
	outline: 0;
	text-decoration: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.accordion h2 a:hover 
{
	background: #fff;
}
 
.accordion h2.active a:after 
{  
    content: '';
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -3px;
	border-top: 5px solid #333;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;	
}

/* */

/* FOOTER */
footer {

	background-color:#f9f9f9;
	width:100%;
	margin-top:20px;
}

.info-tooter {
	width:950px;
	margin:auto;
	height:20px;
	padding-top:15px;
	padding-bottom:10px;
	color:#2a2a2a;
	font-size:11px;
	font-family: Arial, Helvetica, sans-serif;
}

#left {
	float:left;
	padding-bottom:10px;
}

#right {
	float:right;
	padding-bottom:10px;
}

