﻿@import "reset.css";

@import url(http://fonts.googleapis.com/css?family=PT+Sans);

body {  background:#7fb200 url(images/bg_tile.jpg) left top repeat-x; font-family:Arial; font-size:12px;line-height:18px; color:#515151; text-align:left; padding:0; margin:0; }
.bg{ background:url(images/bg.jpg) top center no-repeat; height:700px}
.img_logo{ background:url(images/img_ligo.png) left top repeat}
/* -----------------------------------------------------------------------------*/ 
a       { text-decoration:underline; cursor:pointer; outline:none;color:#515151; }
a:link  { text-decoration:underline;}
a:hover {  text-decoration:none;}
a:active{  text-decoration:underline;}

/* -----------------------------------------------------------------------------*/ 
.clear  {clear:both;}
.left{ float:left}
.right{ float:right}
.alignleft{ float:left; margin:0 20px 20px 0;}
.alignright{ float:right; margin:0 0px 0px 20px;}
.center{ width:995px; margin:0 auto; position:relative; z-index:10000}
/* -----------------------------------------------------------------------------*/ 
h1{ color:#7fb200; font-family: 'PT Sans', sans-serif; font-size:30px; line-height:40px; text-shadow: 1px 1px 1px #989f87; padding-bottom:15px; white-space:nowrap}
h1 span{ color:#17190a;font-family: 'PT Sans', sans-serif; text-shadow: 1px 1px 1px #7d7d7a; font-weight:normal}
h2{ color:#9c9c9c; font-family: 'PT Sans', sans-serif; font-size:22px; line-height:22px; font-weight:normal; text-transform:uppercase; padding-bottom:15px}
h3{}
.my_link
{width: 100%;
text-align: center; font-size: 10px;}

.pad{ padding:35px 45px}
.right_20{ margin-right:20px}
.margin_20{ margin:0px 20px}
.left_10{ margin-left:10px}
.left_50{ margin-left:50px}
.top_13{  margin-top:13px}
.bot_20{margin-bottom:20px}

.grid_1{ width:555px}
.grid_2{ width:270px;}
.grid_3{ width:410px;}
.grid_4{ width:243px;}
.grid_5{ width:600px;}
.grid_6{ width:252px;}
.grid_7{ width:380px;}
.grid_8{ width:445px;}


.red{ color:#ffaa00}
.green{ color:#7fb200}

.up{ text-transform:uppercase}
.height_{ height:px}


/* ------------------------------top---------------------------------------------*/ 
.top{ height:115px; padding:0px 0 0 0 }
a.logo{ display:block; background:url(images/logo.png) left no-repeat; width:222px; height:46px; float:left; color: #fff; font-size: 20px; padding-top: 50px; font-family: 'PT Sans', sans-serif; text-decoration: none}
/* ---- -------------------------menu---------------------------------------------*/
div.menu{  height:50px; width:715px; padding-bottom:20px; position:relative; float:right }
div.menu img{ float:left}
div.menu a { display:block; height:99px; width:127px;  font-size:42px; line-height: 42px; text-decoration:none; text-transform:uppercase; text-align:left; float:left; font-family: 'PT Sans', sans-serif; color:#828282; padding:18px 0 0 10px }
div.menu a span { display:block; color:#e3e3e3; font-size:22px; line-height:22px}
div.menu a p{  color:#a5a5a5; font-size:12px; font-family:Arial, Helvetica, sans-serif; text-transform:none; margin-top:-16px}
div.menu a:hover, .menu a.act{ color:#b3db4c }
div.menu a:hover span, .menu a.act span{ color:#fff}
div.menu a.contact { margin-right:0}
/* ============================== menu begin ====================================== */
.sf-menu{ margin-top:0px; position:relative; z-index:10000}
.sf-menu li{ padding-top: 25px; }
.sf-menu li:hover{ }
.sf-menu ul {position:absolute; padding:6px 0px 0px 0px;width:139px;  background:#91af20 url(images/sf-menu.gif) left top no-repeat; display:none }

div.menu li.hover ul li >  a:hover{ background: url(images/drop_menu_hover.gif) left top repeat-x; color:#31332d; text-shadow: 2px 2px 2px #ffbe38}
.sf-menu ul li {width:100%;  padding-top: 0px;}
.sf-menu li:hover {	visibility:inherit;}
.sf-menu li {float:	left;position:relative;}
.sf-menu li li { float:none}

.sf-menu li:hover ul, .sf-menu li.sfHover ul {	left:-1px; top:0em;	z-index:99; }
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {top:-999em;}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {left:10em; top:	0;}
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {top:-999em;}
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {left:	10em;top:0;}
ul.sf-menu li ul li a:hover{  background-color:#3c82bd; color:#161616; }

span.sf-sub-indicator:hover{ display:none!important}
.sf-menu li ul li a{ font-size:20px;  display:block; height:35px; line-height:1.5em; background:#8eac1f url(images/drop_menu.gif) left top repeat-x; padding:7px 0 0 15px; text-transform:uppercase; text-align:left; width:122px; color:#31332d; overflow: hidden; position:relative; margin-left:1px; text-shadow: 2px 2px 2px #a9cc27; border-top: 1px solid #b0d528; border-bottom: 1px solid #6f8812}
/* ============================== menu end ====================================== */
/* -----------------------------content-----------------------------------------*/
.center_img{ background: url(images/top_content.png) -200px top repeat-x; height:82px}
.content{ background:#000}
.white_block{ background:#f6f6f6; border:solid 1px #ebebeb; padding:35px 40px}
.grey_block{ background:#e2e2e2;  padding:35px 40px}
.photo{ background:#fff; padding:5px; border:solid 1px #d7d7d7}
a.more{ font-family: 'PT Sans', sans-serif; color:#fff; background:#009FDA; display:block; padding:8px 20px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; text-decoration:none; font-size:18px}
a.more:hover{ background:#7fb200}
.table{ display:table; zoom:1}
/* ----------------------------footer-----------------------------------------------*/
.footer{ color:#727272; margin-top:4px; height:80px; background:#333333}
.bot_nav{ float:right; color:351661f; padding-top:20px; clear:both;width:800px;  }
.bot_nav li{ float:right}
.bot_nav a{ color:#cecece; text-decoration:none; font-family: 'PT Sans', sans-serif; font-size:16px; margin:0 15px 0 10px;}
.bot_nav a:hover{color:#b6f025}
.footer p{ float:right; font-size:11px; color:#8c8b88; line-height:35px}
a.email{ background:url(images/email.jpg); width:152px; height:50px; position: relative; top:-12px; font-family:"Times New Roman", Times, serif; font-size:16px; color:#fff; display:block; font-style:italic; text-decoration:none; padding:10px 0 0 20px; float:left}
a.email:hover{ text-decoration:underline}
/*================= Contacts =========================*/

.notification_error{ height: auto;width: 99%;padding: 2px;background: #fff; text-align: left; color:#f00; margin-bottom:2px; border: 1px solid #acacac;
 margin-bottom:10px;-moz-border-radius:7px; -webkit-border-radius:7px; border-radius:7px;}
 .notification_ok{  border: 1px solid #acacac; height: auto; width: 96%; padding: 8px; background:#fff; text-align: center;  -moz-border-radius:7px; -webkit-border-radius:7px; border-radius:7px; } 
.info_fieldset { border: 0px  }
 .info_fieldset legend { border: 1px #acacac solid;  color: #515151;   font: 13px  Arial;  padding: 2px 5px 2px 5px; -moz-border-radius:7px; -webkit-border-radius:7px; border-radius:7px; }

.pin { font-family: 'PT Sans', sans-serif; color:#fff; background:#acacac; display:block; padding:-8px 20px 10px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; text-decoration:none; font-size:18px; border:0; width:100px;  display:block; cursor:pointer; margin-left:100px }
.pin:hover{ background:#7fb200}
/* Label */
label  { width:100px;  margin: 0px; float: left; text-align: left;   color:#515151; font-size:12px; line-height:26px; font-family: Arial, Helvetica, sans-serif; padding-bottom:5px}

/* Input, Textarea */
input{ margin: 0px; padding: 0px;   border: 1px solid #acacac;  color: #515151; background:#fff; font: 12px Arial, Helvetica, Arial, sans-serif; height:30px; margin-bottom:10px; width:343px; -moz-border-radius:7px; -webkit-border-radius:7px; border-radius:7px; }

 textarea{margin: 0px; padding: 0px;  float: left; background:#fff; border: 1px solid #acacac;  color: #bdbdbd;   font: 12px Arial, Helvetica, Arial, sans-serif; height:183px; margin-bottom:10px; width:343px; -moz-border-radius:7px; -webkit-border-radius:7px; border-radius:7px; }



