/* 
    Document   : style
    Created on : 2015-02-10, 14:12:31
    Author     : wypozyczenia.com
    Description:
        Purpose of the stylesheet follows.
*/

/*menu gorne*/
#main-menu { 
    display: block;
    float:right;
    margin:5px 0 0 0;
}
#main-menu ul{
    list-style:none;
    margin:0;
    padding:0;
}
#main-menu ul li{
    display: inline-block;
    font:17px/25px "Roboto",sans-serif;
    padding:0 10px 0 10px;
}
#main-menu ul li .icon{
	cursor:pointer;
	display:inline-block;
	width:11px;
	height:17px;
	margin-left:5px;
	position:relative;
	top:4px;
}
#main-menu ul li .icon-down{
	background:url('img/menu-down-icon.jpg') no-repeat;
}
#main-menu ul li .icon-up{
	background:url('img/menu-up-icon.jpg') no-repeat;
}
#main-menu ul li:last-child{
    padding-right:0;
}
#main-menu ul li a{
    color:#506070;
	font:16px/16px Roboto-Regular,sans-serif;
}

/*submenu page*/
#submenu-page { 
    display: block;
    width:100%;
    margin:0;
	padding:0;
}
#submenu-page ul{
	float:left;
    list-style:none;
    margin:0;
    padding:0;
	border-left : 1px solid #dedede;
}
#submenu-page ul li{
    float:left;
    display: inline-block;
    width:12.50000000%;
    font:14px/14px Roboto-Medium,sans-serif;
    text-align:center;
    background:#f7f7f7;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webki-box-sizing: border-box;
	position:relative;
	box-sizing: border-box;
}
#submenu-page ul li:hover{
	background:#fff;
}
#submenu-page ul li:hover a{
	color:#0194DA;
	text-decoration: none;
}
#submenu-page ul li .wrap-image{
    float:left;
    width:100%;
}
#submenu-page ul li .content{
	display:none;
	width:0;
	position:absolute;
	z-index:9999;
	border:3px solid #0194DA;
	background:#fff;
	padding:20px;
}
#submenu-page ul li  .content .wrap-desc {
	display:none;
}
#submenu-page ul li  .content .wrap-desc .desc  .show-more{
	display:block;
	clear:both;
	color:#0194DA;
}
#submenu-page ul li .wrap-desc h4{
	font:18px/22px Roboto-Medium,sans-serif;
	color:#0194DA;
}
#submenu-page ul li .wrap-desc .desc{
	display:block;
	clear:both;
	font:16px/22px Roboto-Light,sans-serif !important;
	color:#B6B6B6;
}
#submenu-page ul li img{
    display:inline-block;
    clear:both;
}
#submenu-page ul li:last-child{
    padding-right:0;
}
#submenu-page ul li a.main-link{
	display:block;
	position:relative;
    color:#7a7a7a;
	width:100%;
	padding:20px 0 20px 0;
	border-top:3px solid #F6F6F6;
	border-bottom:3px solid #F6F6F6;
    border-right:1px solid #dedede;
	border-left : 1px solid #F6F6F6;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
#submenu-page ul li:hover a.left:before{
	position:absolute;
	height:3px;
    width:100%;
	top:-3px;
	right:3px;
	content: '';
    background:#0194DA;
}
#submenu-page ul li:hover a.left:after{
	position:absolute;
	height:3px;
    width:100%;
	bottom:-3px;
	right:3px;
	content: '';
    background:#0194DA;
}
#submenu-page ul li:hover a.right:before{
	position:absolute;
	height:3px;
    width:100%;
	top:-3px;
	left:3px;
	content: '';
    background:#0194DA;
}
#submenu-page ul li:hover a.right:after{
	position:absolute;
	height:3px;
    width:100%;
	bottom:-3px;
	left:3px;
	content: '';
    background:#0194DA;
}
#submenu-page ul li:hover a.main-link{
	background:#fff;
}
#submenu-page ul li a span{
    display:block;
    clear:both;  
}

/*menu dolne*/
#bottom-menu { 
    display: block;
}
#bottom-menu ul{
    list-style:none;
    margin:0;
    padding:0;
}
#bottom-menu ul li{
    display: block;
    font:14px/14px Roboto-Medium,sans-serif;
    margin-bottom:8px;
}
#bottom-menu ul li img{
    display:none;
    visibility: hidden;
}
#bottom-menu ul li a{
    color:#fff;
}
/*owl menu slider*/
#wrap-owl-menu{
    position:relative;
}
#wrap-owl-menu .prev{
    position:absolute;
    top:0;
    left:-25px;
    z-index:999;
    width:25px;
    height:100%;
    background:#d6d6d6 url('img/prev.jpg') center center no-repeat;
}
#wrap-owl-menu .next{
    position:absolute;
    top:0;
    right:-25px;
    z-index:999;
    width:25px;
    height:100%;
    background:#d6d6d6 url('img/next.jpg') center center no-repeat;
}
#wrap-owl-menu .item{
    float:left;
    width:100%;
    height:145px;
    display: inline-block;
    font:12px/15px "Roboto",sans-serif;
    text-align:center;
    background:#f7f7f7;
    border:1px solid #dedede;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webki-box-sizing: border-box;
    padding-top:10px;
    padding-bottom:10px;    
}