/* 
    Document   : screen
    Created on : 8.12.2012, 15:40:02
    Author     : lenin
    Description:
        Purpose of the stylesheet follows.
*/
@import url(http://fonts.googleapis.com/css?family=Istok+Web&subset=latin,latin-ext);

body {
    padding-bottom: 40px;
	background-color: #EBFFCC;
}

#page {
	position: relative;
	
}

#bg-boy {
	position: absolute;
	top: 4em;
	left: -15em;
	background-image: url('../img/back.png');
	background-repeat: no-repeat;
	background-position: 5% 3em; 
	width: 250px;
	height: 390px;
	
}

#nav-top, #nav-bottom {
	margin-left: 2em;
}

footer {
    background-color: #F5F5F5;
    border-top: 1px solid #E5E5E5;
    margin-top: 3em;
    padding: 1em 0;
}

h1, h2, h3, h4 {
	font-family: 'Istok Web', sans-serif;
  margin-top: 15px;
  margin-bottom: 3px;
}

h2, h3, h4 {
	text-align: left;;
}

#page {
	margin: 0 auto;
	float: none;
}

.jumbotron {
    text-align: center;
}

.jumbotron h1 {
	font-size: 42px;
	line-height: 1;
}

.brand a {
	color: #0088CC;
}

ul.list {
	text-align: left;
}

hr.separator {
	border: none;
}

.brand a, a {
    color: #8F7A99;
}

.nav > li > a:hover {
	background-color: #DFD4D4;
}


.nav-pills > .active > a, .nav-pills > .active > a:hover {
    background-color: #8F7A99;
    color: #FAFFF2;
}