*{  margin: 0;
    padding:0;
    outline:0 none;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

html{
    height: 100%;
    margin-bottom: 1px;
}
body{
    color: #6D6D6D;
    font:12px Arial,sans-serif;
    line-height: 1.5em;
}
a:link, a:visited, a:hover{
    color: #008DD9;
    /*font-weight: normal;*/
    text-decoration: none;
}
a:active{
    outline:none;
}

p {
    margin:0 0 5px;
}
img {
    border: 0 none;
}

#wrapper, #footer-inner {
    margin:0 auto;
    position: relative;
    max-width: 940px;
    width: 100%;
}

#wrapper #social {
    position: absolute;
    z-index: 5;
    top: 5px;
    right: -75px;
}
#header {
    position:relative;
    background: url(https://www.aplinkostvarkymas.eu/uploads/aplink_theme/bg.jpg) no-repeat scroll center 0;
    min-height: 126px;
    overflow: hidden;
}
#phone{
    color: #FFF;
    /*float: left;*/
    display: inline-block;
    font: 15px Verdana;
    position: relative;
    top: 16px;
}
#phone h3{
    color: #000;
    font-family: 'Yeseva One', cursive;
}


#phone a{
    font-weight: bold;
}


#logo {
    height: 129px;
    width: 170px;
    position: absolute;
    right: 5px;
    top:5px;
    
    background: url(https://www.aplinkostvarkymas.eu/uploads/aplink_theme/logo.png) no-repeat scroll 0 0;
}
#logo > a {
    display: block;
    height: 100%;
    width: 100%;
}

#main-body {
    max-width:690px;
    width:100%;
    /*float: left;*/
    text-align: left;
    display: inline-block;
}
#main-content {
    margin:20px 0 0;
    /*padding:0 5px;*/
}

#main-content ul{
    margin: 0 0 0 25px;
    padding: 3px 0;
}
#main-content li{
    margin: 5px 0 0 5px;
}

#bottom{
    /*background: url(https://www.aplinkostvarkymas.eu/uploads/aplink_theme/fonasf.jpg) no-repeat scroll 0 0;*/
    background: url(https://www.aplinkostvarkymas.eu/uploads/aplink_theme/fonasf.jpg) no-repeat scroll center 0;
    /*background-size:cover;*/
    background-size:100% auto;
    height:376px;
    margin:-60px 0 6px;
}

#footer {
    margin-bottom: 15px;
}

/* ==========------- MAIN MENU --------========== */

#mainmenu {
    /*float: right;*/
    /*margin-top: 35px;*/
    margin: 45px 0 0 35px;
    /*margin-right: 240px !important;*/
    /*margin-top: 50px !important;*/
    display: inline-block;
}

#mainmenu ul {
    margin: 0;
    padding: 0;
    /*text-align: right;*/
    text-align: center;
}
#mainmenu ul li {
    display: inline-block;
    list-style: none outside none;
}
#mainmenu ul li a {
    display: block;
    font-size: 16px;
    font-weight:bold;
    margin: 3px 15px;
    text-transform: uppercase;
    color: #AB8474;
}
#mainmenu ul li a:hover, div#mainmenu ul li.menuactive a {
    text-decoration: none;
    color: #008DD9;
}

/* --------------------- LEFT MENU */
#left_menu {
    margin: 0 10px 25px 0;
    padding: 0;
    width: 222px;
    display: inline-block;
    /*float: left;*/
    text-align: left;
    vertical-align:top;
}
#left_menu h3{
    border-bottom: 1px solid #000;
    color: #000;
    font-size: 25px;
    font-weight: bold;
    height: 26px;
    line-height: 26px;
    margin-bottom: 12px;
    padding-left: 10px;
}

#left_menu ul{
    margin: 10px 0;
    padding-left: 15px;
}
#left_menu ul li{
    margin: 12px 0 0 10px;
}

#left_menu ul li{
    color: #000;
}
#left_menu ul li a:link, div#left_menu ul li a:visited{
    color: #1D8125;
    font-size: 17px;
}

h3{
    
}

h1{
    color: #000;
    font-family: Arial,sans-serif;
    font-size: 1.3em;
    font-weight: bold;
    padding: 0;
    text-align: left;
    vertical-align: bottom;
    width: 100%;
}
h2{
    font-family: Arial,Helvetica,sans-serif;
    font-size: 20px;
    font-weight: bold;
    padding: 0;
    text-align: left;
    vertical-align: bottom;
    width: 100%;
}
h4 {
    color: #333;
    font-family: Arial,Helvetica,sans-serif;
}
h3{
    font-family: Helvetica,Arial,sans-serif;
    font-size: 20px;
    font-weight: bold;
    margin: 0 0 10px;
    padding-left: 0;
    text-align: left;
}

/*------------------------------- */

.clear {
    clear: both;
}

/* === -------------LEFT MENU 2 ------------------ */

.nav-side, .nav-toggle{
	box-shadow:3px 1px 5px -3px #696464;
	/*background:#cddbe6;*/
	background:#e6f3fe ;
	/*box-shadow: 3px 1px 5px -3px #cddbe6;*/
	/*background: #85C227;*/
}    

.nav-side{
    display:none;
	position:fixed;
	left:0;
	top:0;
	bottom: 0;
	height:100%;
	width:250px;
	padding:10px;
	margin-left:-250px;
	box-sizing:border-box;
	transition: margin 0.2s ease-in-out;
}

.nav-side #left_menu a:link,
.nav-side #left_menu a:visited{
    color:#294AF3;
}

 /*ul li a:link, div#left_menu ul li a:visited*/

.nav-side.nav-open{
	margin-left:0;
}
.nav-toggle{
	position:absolute;
	right:-40px;
	top:100px;
	width:40px;
	height:40px;
	line-height:40px;
	text-align:center;
	text-decoration:none;
	border-radius:0 5px 5px 0;
}

.nav-toggle:before{
	content:">>";
	color:#404E71;
	font-weight:600;
}
.nav-side.nav-open .nav-toggle:before{
	content:"<<";
	color:#404E71;
	font-weight:600;
}
/*-------------LEFT MENU 2 ------------------ === */




@media screen and (max-width:820px) {
    #mainmenu {
        margin: 50px 0 0;
        width:100%;
    }
    #main-content {
        padding: 0 5px;
    }
    
    #social{
        display:none;
    }
    #main-content img{
        width:100%;
        max-width:580px;
        height:auto;
    }
    
    #bottom {
        margin: -10px 0 6px;
    }
}

@media screen and (max-width:610px) {
    
    #phone {
        top: 5px;
    }
    #left_menu{
        display:none;
    }
   .nav-side #left_menu, .nav-side{
        display: block;
    }
    
    .top_line {
        height:5px;
    }
    
    #header {
        height: auto;
    }
	#logo{
        background-size: 100% auto;
        height: 80px;
        margin: 0;
        width: 110px;
	}
    #mainmenu {
        margin: 20px 0 0;
    }
}
/* Stylesheet: apilk_rezp_css Modified On 2015-11-03 02:46:13 */