html { 
  /*background: url(../images/fon.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
top:0;left:0;width:100%;height:100%;*/
height:100%;
}

body {font-family: 'Verdana', sans-serif; margin: 0; 	font-size:0.8em; line-height:1.5em;}

p {
	font-size:0.8em;
	line-height:1.5em;
	padding:0 0 0.5em;
	margin:0;
}
	
ul {
	font-size:0.8em;
	line-height:1.5em;
}	



a {
	color:#1d9d73;
}	
a:hover {
	color:#F00;
}	


table a {
	color:#1d9d73;
}
table a:hover {
	color:#F00;
}




/*=========================================================== ESAS MENYU=======================http://www.adam-bray.com/blog/91/Easy+HTML+5+&+CSS+3+Navigation+Menu/*/

nav {
/*	background-color: #fff;
	border: 1px solid #dedede;*/
/*	border-radius: 4px;
	box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.055);
	color: #888;*/
	display: block;
	margin: 0px 0px 0px 0px;
	overflow: hidden;
	width: 100%;
	font-size:12px;
	border: 0px solid #dedede;
	
}

nav ul {
    margin: 0;
    padding: 0;
	font-size:1em;
}

    nav ul li {
		
      display: inline-block;
      list-style-type: none;
      
      -webkit-transition: all 0.2s;
        -moz-transition: all 0.2s;
        -ms-transition: all 0.2s;
        -o-transition: all 0.2s;
        transition: all 0.2s;

    }
      
      nav > ul > li > a > .caret,
	  nav > ul > li > div ul > li > a > .caret {
        border-top: 4px solid #1d9d73;
        border-right: 4px solid transparent;
        border-left: 4px solid transparent;
        content: "";
        display: inline-block;
        height: 0;
        width: 0;
        vertical-align: middle;
  
        -webkit-transition: color 0.1s linear;
     	  -moz-transition: color 0.1s linear;
       	-o-transition: color 0.1s linear;
          transition: color 0.1s linear; 
      }
/* uchbucaq*/	  
	  	nav > ul > li > div ul > li > a > .caret {
			border-bottom: 4px solid transparent;
			border-top: 4px solid transparent;
			border-right: 4px solid transparent;
			border-left: 4px solid #f2f2f2;
			margin: 0 0 0 8px;
		}

/* uchbucaq*/	  
      nav > ul > li > a {
        color: #000;
        display: block;
        line-height: 56px;
        padding: 0 15px;
        text-decoration: none;
      }

        nav > ul > li:hover {
          background-color: #1d9d73;
        }

        nav > ul > li:hover > a {
          color: rgb( 255, 255, 255 );
        }

        nav > ul > li:hover > a > .caret {
          border-top-color: rgb( 255, 255, 255 );
        }
		
		nav > ul > li > div ul > li:hover > a > .caret {
			border-left-color: rgb(255,255,255);
		}
      
      nav > ul > li > div,
	  nav > ul > li > div ul > li > div {
        background-color: #1d9d73;
        border-top: 0;
        border-radius: 0 0 4px 4px;
        box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.055);
        display: none;
        margin: 0;
        opacity: 0;
        position: absolute;
        width: 115px;
		visibility: hidden;
  		font-size:12px;
		text-align:left;
        -webkit-transiton: opacity 0.2s;
        -moz-transition: opacity 0.2s;
        -ms-transition: opacity 0.2s;
        -o-transition: opacity 0.2s;
        -transition: opacity 0.2s;
      }
	  
	  	nav > ul > li > div ul > li > div {
			background-color: rgb( 40, 44, 47 );
			border-radius: 0 4px 4px 4px;
			box-shadow: inset 2px 0 5px rgba(0,0,0,.15);
			margin-top: -42px;
			right: -165px;
		}

        nav > ul > li:hover > div,
		nav > ul > li > div ul > li:hover > div {
          display: block;
          opacity: 1;
          visibility: visible;
        }

          nav > ul > li > div ul > li,
		  nav > ul > li > div ul > li > div ul > li {
            display: block;
			position: relative;
			
			
          }

            nav > ul > li > div ul > li > a,
			nav > ul > li > div ul > li > div ul > li > a {
              color: #fff;
              display: block;
              padding: 5px 10px;
              text-decoration: none;
            }

              nav > ul > li > div ul > li:hover > a {
                background-color: rgba( 255, 255, 255, 0.1);
				color: #fff;
              }
	


/*========================================================================== ESAS MENYU QURTARDI=======================*/	








/*=========================================================== back to top =======================*/

.scrollToTop{
	height: 40px;
	width: 40px;
    padding:10px; 
    text-align:center; 
    background: whiteSmoke;
    font-weight: bold;
    color: #444;
    text-decoration: none;
    position:fixed;


	bottom: 20px;
	right: 20px;
	
    display:none;
    background: url('arrow_up.png') no-repeat 0px 20px;
	background: #ff644b url(../images/top-arrow.svg) no-repeat center 50%;
	z-index:1000;
}
.scrollToTop:hover{
    text-decoration:none;
}

/*=========================================================== back to top =======================*/




.solmenyu{
	height:20px;
	width:auto;
	vertical-align:middle;
	display: block;
	padding:10px;
	background:#f7f7f7;
	margin-bottom:5px;
	border:1px solid #ebebeb;
	text-decoration:none;
	color:#666;
	font-size:1em;
	}


	
.solmenyu:hover{
	background:#FFF;
	}	
	
	
	
	
	
blockquote {
    /*background: #f7f7f7;*/
    border-left: 1px solid #bbb;
    font-style: italic;
    margin: 1.5em 10px 0px;
    padding: 0.5em 25px;
	margin-left:-20px;
}
 
blockquote:before {
    color: #bbb;
    content: "\201C"; /* ???????????? ?????? ????? */
    font-size: 3em;
    line-height: 0.1em;
    margin-right: 0.2em;
    vertical-align: -.4em;
}
 
blockquote:after {
    color: #bbb;
    content: "\201D"; /* ???????????? ?????? ?????? */
    font-size: 3em;
    line-height: 0.1em;
    vertical-align: -.45em;
}
 
blockquote > p:first-child {
    display: inline;
}	
	
	
	

	
.goybutton{
	text-decoration:none;
	text-align: center;
	border:0px solid #F00;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	border-radius: 5px;
	height:20px;
	width:150px; 
	vertical-align:middle;
	display: block;
	padding:15px 20px 20px;
	margin-bottom:5px;
	margin-top:15px;
	text-decoration:none;
	background-color: #1d9d73;	
	color:#FFF;
	font-size:1.2em;
	}	