/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */



@import url(../warp/css/layout.css);





/* Spacing

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



.module { margin: 20px; }

#breadcrumbs,

#content,

#footer { margin: 0; }



#menu .module { margin: 10px 5px; }



#toolbar,

#headerbar { margin-bottom: 15px; }



#headerbar .module { margin: 15px 0 15px 15px; }



#footer .module { margin: 0; }





.gray h3{

	background: #454b51;

	color:#fff;

}

#bottom-a h3{

	font-family: "KreonRegular";

    margin: 0;

    padding: 25px 15px;

	font-size: 30px;

}

#bottom-a .module {

	margin: 0;

}



/* Layout

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



/* Header */

#header {

	padding-bottom: 0;

}

#headerbar{

	background: #454b51;

	padding: 20px 0;

	margin:0;

}

#menubar{

	background: #fff;

}

.footer-top{

	background: #454b51;

}

/* Block Separators */

#top-a:after,

#top-b:after,

#innertop:after {

	content: "";

	display: block;

	margin: 0 20px;

}



#bottom-a:before,

#bottom-b:before,

#innerbottom:before {

	content: "";

	display: block;

	margin: 0 20px;

}



/* Remove Block Separators if System Output is disabled */

#header + #bottom-a:before,

#header + #bottom-b:before,

#top-a + #bottom-a:before,

#top-a + #bottom-b:before,

#top-b + #bottom-a:before,

#top-b + #bottom-b:before { border: none; }



/* Sidebar Backgrounds */

#sidebar-a,

#sidebar-b { position: relative; }



#sidebar-a:before,

#sidebar-b:before {

	content: "";

	display: block;

	position: absolute;

	top: 20px;

	bottom: 20px;

	left: 0;

	right: 0;

	z-index: -1;

	border: 0 solid #DDD;

}



.sidebar-a-right #sidebar-a:before,

.sidebar-b-right #sidebar-b:before { border-width: 0 0 0 1px; }



.sidebar-a-left #sidebar-a:before,

.sidebar-b-left #sidebar-b:before { border-width: 0 1px 0 0; }



/* Footer + Toolbar */

#footer,

#toolbar {

	font-size: 12px;

	line-height: 18px;

}



/* ToTop Scroller */

#totop-scroller {

	display: block;

	position: absolute;

	top: 0;

	right: 0;

	z-index: 1;

	width: 21px;

	height: 21px;

	border: 1px solid #ddd;

	background: url(../images/totop_scroller.png) 50% 50% no-repeat;

	border-radius: 4px;

	text-decoration: none;

}



#totop-scroller:hover { background-color: #EEE; }



#search{

	background: url(../images/bg_search.png) no-repeat left top;

	width: 233px;

	position:absolute;

	top:20px;

	right: 35px;

}



.wrapper{

	background:#fff;

}

/* fooer */

#footer-top{

	width: 100%;

	clear: both;

	background: #454b51;

	overflow: hidden;

}

#footer-bottom{

	width: 100%;

	clear: both;

	background: #7c8994;

	overflow: hidden;

	color: #c6ccd1;

}

#footer-menu{

	width: 75%;

	padding: 0 15px;

	float: left;

}

#footer-menu li{

	float: left;

	padding: 34px 0;

}

#footer-menu li.active{

	background: url("../images/ar2.gif") no-repeat center bottom;

}

#footer-menu li a{

	border-left: 1px solid #7C8994;

    color: #7C8994;

    line-height: 1;

    padding: 0 10px;

}

#callus{

	color: #FFFFFF;

    float: right;

    width: 15%;

	padding: 30px 15px;

	font-weight: bold;

}

#copyright{

	padding: 12px 15px;

	float:left;

	width: 300px;

}

#copyright p{

	margin: 0;

}

#footer-menu2 {

	padding: 15px 15px;

	float:right;

	width: 240px;

}

#footer-menu2 li {float: left;}

#footer-menu2 li a{

	border-left: 1px solid #c6ccd1;

    color: #c6ccd1;

    line-height: 1;

    padding: 0 10px;

}

#footer-menu2 li.first a, #footer-menu li.first a{

	border: none;

}



#sidebar-a{

	background:  url(../images/bg_left_ct.gif) repeat-y right top;

}

#sidebar-a-1{

	background:  url(../images/bg_left_top.gif) no-repeat right top;

}

#sidebar-a-2{

	background:  url(../images/bg_left_bt.gif) no-repeat right bottom;

}

#sidebar-a h3.module-title{

	background: #7c8994 url(../images/bg_title_left.gif) no-repeat right top;

	color: #FFFFFF;

    margin: 0 -20px 20px;

    padding: 20px;

}





#sidebar-a .module{

	margin-top: 0;

}

#bottom-b, #main{

	position: relative;

}

#main{

	margin-top: 5px;

}



.nspMainPortalMode1 .nspArt h4.nspHeader a{

	color: #454b51;

	font-family: "OpenSansLight";

}

.nspMainPortalMode1 .nspArt h4.nspHeader {

    margin: 0 0 10px;

}

.nspMainPortalMode1 .nspArt p.nspInfo {

    color: #fff;

    font-size: 11px;

    margin: 0;

	text-transform: uppercase;

}

.nspMainPortalMode1 .nspArt p.nspInfo a{

	color: #fff;

}

#bottom-a .pager{

	padding: 0 20px;

}

.bx-wrapper, .nspArts{

	padding-top: 15px;

}



#sidebar-a a.bx-prev{

	right: 10px!important;

    background: url("../images/prev2.gif") no-repeat 0 0!important;

    top: -55px!important;

	width: 22px;

	height: 12px;

}

#sidebar-a a.bx-next{

	right: 50px!important;

    background: url("../images/next2.gif") no-repeat 0 0!important;

    top: -55px!important;

	width: 22px;

	height: 12px;

}

#sidebar-a .nspTopInterface{

	margin-top: -55px;

}

#sidebar-a .nspMainPortalMode1 .nspTopInterface .nspPrev{

    background: url("../images/prev2.gif") no-repeat 0 0!important;

	width: 22px;

	height: 12px;

}

#sidebar-a .nspMainPortalMode1 .nspTopInterface .nspNext{

    background: url("../images/next2.gif") no-repeat 0 0!important;

	width: 22px;

	height: 12px;

}



#top-b ul li.active a{

	background: url("../images/ar3.gif") no-repeat center bottom;

}

#menu ul.menu, #menu .module {

	float: left;

}

#menu .module {

	margin: 0;

}

#menu .module{

	background: #ced3d6 url("../images/nav_bar.gif") no-repeat left top;

}

#menu .module li{

	float: left;

}

#menu .module li a{

	font-weight: normal;

    padding: 1px;

    text-transform: uppercase;

	color: #6b757f;

}

#menu .module li a:hover{

	background: none;

	border: none;

}

#menu .module li a span{

	height: 30px;

    line-height: 30px;

    padding: 10px 22px;

}