/***************************************
  Project: m.yollar.az
  Author: Farida Oruj (coding & design)
 ***************************************/

* {
	margin: 0;
	padding: 0;
}
html {
	height: 100%;
}
body {
	font: 12px/18px Arial, Tahoma, Verdana, sans-serif;
	height: 100%;
	background:#edf6ff;
}
a {
	color: blue;
	outline: none;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
p {
	margin: 0 0 18px
}
img {
	border: none;
	vertical-align:middle;
}
input {
	vertical-align: middle;
}
#wrapper {
	width: 100%;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	background: #d2f2b5; /* Old browsers */
	background: -moz-linear-gradient(top,  #d2f2b5 1%, #effff0 18%, #eaffeb 93%, #d2f2b5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#d2f2b5), color-stop(18%,#effff0), color-stop(93%,#eaffeb), color-stop(100%,#d2f2b5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #d2f2b5 1%,#effff0 18%,#eaffeb 93%,#d2f2b5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #d2f2b5 1%,#effff0 18%,#eaffeb 93%,#d2f2b5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #d2f2b5 1%,#effff0 18%,#eaffeb 93%,#d2f2b5 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #d2f2b5 1%,#effff0 18%,#eaffeb 93%,#d2f2b5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2f2b5', endColorstr='#d2f2b5',GradientType=0 ); /* IE6-9 */
}
#wrapper ul, #wrapper ol {
	list-style:none;
	padding: 0 20px 20px;

}

#wrapper ul li{
	background: #9dd53a; /* Old browsers */
	background: -moz-linear-gradient(top,  #9dd53a 0%, #a1d54f 50%, #80c217 51%, #7cbc0a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9dd53a), color-stop(50%,#a1d54f), color-stop(51%,#80c217), color-stop(100%,#7cbc0a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dd53a', endColorstr='#7cbc0a',GradientType=0 ); /* IE6-9 */
	border-radius: 20px 20px 40px 40px;
	font-weight: bold;
	margin: 20px 15px 20px 10px;
	padding: 15px 10px 10px;
	text-align: center;
	min-width: 15%;
	box-shadow:0px 0px 5px #183500;	
	border:1px solid #43B700;
	display:inline-block;
}
#wrapper ul li img{
	border: 1px solid #43B700;
    border-radius: 10px;
    margin: -5px 0px;
    padding: 0;
}
#wrapper ul li a, #wrapper ul li a:hover{
    color: #ffffff;

}
#wrapper ul li p{
	padding:10px 0 0;
	margin:5px 0 0
}

/* Header */
#header {
	height: 160px;	
	padding:20px 0 0;
}
.logo img{width:35%}

@media screen and (min-width:100px) and (max-width:639px) {
	.logo img{width:75%}
}

@media screen and (max-height:330px) {
	.footer {display:none;}
}

/* Middle */
#content {
	bottom: 170px;
    clear: left;
    width: 100%;
}

/* Footer */
.footer {
	margin: 0px auto;
	height: 48px;
	position: absolute;
	width: 100%;
	bottom: 0;
	text-align: center;
}
.footer input{
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	border: none;
    color: #568A16;
    text-align: center;
    font-family: Palatino Linotype;
    font-size: 17px;
    font-style: italic;
    font-weight: bold;
}
.footer p{
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	border: none;
    color: #74A849;
    text-align: center;
    font-family: Palatino Linotype;
    font-size: 10px;
    font-style: italic;
    font-weight: bold;
	margin: 0;
	cursor: default;
}