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

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


/* Spacing
----------------------------------------------------------------------------------------------------*/

.module { margin: 15px; }

#header,
#top-a,
#top-b,
#bottom-a,
#bottom-b,
#innertop,
#innerbottom,
#breadcrumbs,
#footer { margin: 10px; }

#header { margin-top: 15px; }

#innertop,
#breadcrumbs { margin-top: 0; }
#innerbottom { margin-bottom: 0; }

#content { margin: 0 20px; }

#top-a > div,
#top-b > div,
#bottom-a > div,
#bottom-b > div,
#innertop > div,
#innerbottom > div { margin: 0 -20px; }

#header,
#top-a,
#top-b,
#innertop {
	padding-bottom: 20px;
	/* border-bottom: 1px solid #ddd; */
}
#header { padding-bottom: 5px; }

#bottom-a,
#bottom-b,
#innerbottom {
	padding-top: 20px;
	/* border-top: 1px solid #ddd; */
}

#footer .module { margin: 0; }

#headerbar { margin: 15px 0; }

/* System Output Disabled */
#header + #bottom-a,
#header + #bottom-b,
#top-a + #bottom-a,
#top-a + #bottom-b,
#top-b + #bottom-a,
#top-b + #bottom-b {
	padding-top: 0;
	border-top: none;
}


/* Layout
----------------------------------------------------------------------------------------------------*/

/* Sidebar Backgrounds */
#sidebar-a,
#sidebar-b { position: relative; }

.sidebar-bg {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: -1;
	border-style: solid;
	border-color: #DDD;
}

.sidebar-a-right #sidebar-a .sidebar-bg,
.sidebar-b-right #sidebar-b .sidebar-bg { border-width: 0 0 0 1px; }

.sidebar-a-left #sidebar-a .sidebar-bg,
.sidebar-b-left #sidebar-b .sidebar-bg { border-width: 0 1px 0 0; }

/* ToTop Scroller */
#totop-scroller {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 120px;
	height: 100%;
	border: 0;
	background: url(/images/img/arnament.png) 0 0 repeat-y #fff;
	background-size: 120px;
}

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

/*=====
OwnStyles
=====*/

/*====
Body
====*/
a.hasTooltip{
	display: inline !important;
}
span.hasTooltip{
	display: inline-block !important;
}
#system .title a{
	color: #428bca !important;
}
h1, h2, h3, h4, h5, h6, #toolbar .float-right, h4 a{
	font-family: Open Sans Condensed, Helvetica, sans-serif !important;
}
h3, .h3 {
	font-size: 38px !important;
}
input#filter-search{
 margin-bottom: 0px !important;
 height: 30px !important;
}
.wrapper-inner{
	position: relative;
	margin-left: -120px;
	padding-left: 120px;
	margin-top: -230px;
	padding-top: 208px;
}
.clearfix{
	clear: both;
}
a:hover, a:focus {
	text-decoration: none !important;
}
#top-a{
	margin-bottom: -10px !important;
}
/*=====
Header
=====*/

.header-wrapper{
	background: url(/images/img/background-header.png) 0 50% repeat-x #fff;
}
#header{
	width: 1280px;
	margin: 0 auto;
	z-index: 999;
}
#absolute-header{
	position: absolute;
	top: 2px;
	right: 20px;
}
#absolute-header ul.social{
	list-style: none;
}
#absolute-header ul.social li a{
	display: block;
}
#absolute-header ul.social li a:hover{
	opacity: 0.8;
}
#absolute-header ul.social li img{
	height: 40px;
}
#absolute-header ul.social li{
	float: left;
	margin-right: 10px;
}
#toolbar .float-right{
	background: rgba(255, 255, 255, 0.6);
	padding: 10px 10px 10px 0;
	border-radius: 5px;
	position: absolute;
	right: 0;
	top: 80px;
	font-size: 18px;
	font-weight: bold;
}
#toolbar .float-right li{
	padding: 0 10px !important;
	margin-left: 0 !important;
}
.header-logo img{
	width: 140px;
	margin-top: -15px;
}
/*=====
HomeSlider
=====*/
.wk-slideshow-tasty > div:hover .next, .wk-slideshow-tasty > div:hover .prev{
	z-index: 999;
}
.wk-slideshow-tasty .next, .wk-slideshow-tasty .prev{
	z-index: 999;
	top: 90% !important;
}
.wk-slideshow-tasty > div .next {
	left: 50px !important;
}
.wk-slideshow-tasty > div .prev {
	left: 0 !important;
}
.wk-slideshow-tasty > div .next, .wk-slideshow-tasty > div .prev {
	top: 50% ;
	width: 44px !important;
	height: 44px !important;
	margin-top: -25px !important;
}
.wk-slideshow-tasty .caption{
	position: absolute !important;
	left: 50% !important;
	top: 0 !important;
	margin-left: 90px;
}
.wk-slideshow-tasty .caption {
	background: #434343;
	background: rgba(41,80,123,0.85);
}
.slider-descr{
	font-family: Open Sans Condensed, Helvetica, sans-serif !important;
	font-size: 26px;
	padding: 10px;
}
/*=====
HomeSliderEnd
=====*/

/*=====
HeaderEnd
=====*/
/*=====
Footer
======*/
#footer {
	background: #f5f5f5;
	border-radius: 5px;
	border: 1px solid #ccc;
	padding: 20px;
}
#footer .module{
	width: 20%;
	float: left;
	min-height: 170px;
}
#footer .menu-line, #footer .menu-line li, #footer .menu a{
	display: block !important;
}
#footer .menu-line li{
	text-align: left;
	margin: 0;
	padding: 0;
	background: none;
}
#footer .module-title{
	text-align: left;
	font-size: 22px !important;
}
#footer a.active.current{
	color: #195F9B;
}
.robomix {
	clear: both;
	text-align: center;
	font-family: 'Open Sans Condensed';
	font-size: 12px;
	font-style: italic;
	color: #999999;
	padding-top: 60px;
}
.robomix a{
	color: #9298AF;
}
.robomix a:hover{
	color: #666;
}
.grid-box .width33>article.item header h1.title a{
	font-size: 22px;
}
.grid-box .width33>article.item a{
	padding: 0 10px;
	display: block;
}
.grid-box .width33>article.item{
	background: #ccc;
	padding: 20px 0;
	border-radius: 5px;
}
.grid-box .width33>article.item:hover{
	background: rgba(139, 173, 206, 0.5);
}
#system .items .item:first-child{
	padding-top: 20px !important;
	margin-top: 12px 
}
#system .item > .links {
	margin: 10px 0 0 0 !important;
}
.grid-box .width33>article .content.clearfix {
	height: 220px;
	overflow: hidden;
}
#toolbar .float-left{
	display: none;
}
/*=====
EndOfFooter
=====*/

/*=====
Responsive
=====*/

@media screen and (max-width: 1440px){
	body {
		min-width: 300px !important;
	}
	#header {
		width: 85% !important;
	}
	.wrapper {
		width: 1320px !important;
	}
	#maininner{
		width: 1045px !important;
	}
	#totop-scroller{
		width: 65px;
		background-size: 65px;
	}
	.wrapper-inner{
		margin-left: -33px;
		padding-left: 62px;
	}
	.junewsultra .jn .jn-left, .jn-inner{
		height: 208px;
	}
	.xco-media-left .image {
		height: 176px;
	}
}
@media screen and (max-width: 1280px){
	.wrapper, #maininner {
		width: 1200px !important;
	}
	#maininner {
		width: 925px !important;
	}
	.grid-box .width33>article .content.clearfix {
		height: 160px;
	}
	.junewsultra .jn .jn-left, .jn-inner{
		height: 188px;
		overflow-y: auto !important;
	}
	.xco-media-left .image {
		height: 158px;
	}
	.xco-media-left h3.heading {
		font-size: 20px !important;
	}
@media screen and (max-width: 1200px){
	.wrapper {
		width: 1120px !important;
	}
	#maininner {
		width: 845px !important;
	}
	.grid-box .width33>article .content.clearfix {
		height: 150px;
	}
	.junewsultra .jn .jn-left, .jn-inner{
		height: 176px;
		overflow-y: auto !important;
	}
	.xco-media-left .image {
		height: 146px;
	}
@media screen and (max-width: 1152px){
	.wrapper {
		width: 1072px !important;
	}
	#maininner {
		width: 797px !important;
	}
	.grid-box .width33>article .content.clearfix {
		height: 145px;
	}
	.junewsultra .jn .jn-left, .jn-inner{
		height: 168px;
		overflow-y: auto !important;
	}
	.xco-media-left .image {
		height: 138px;
	}
@media screen and (max-width: 1024px){
	.wrapper {
		width: 959px !important;
	}
	#maininner {
		width: 686px !important;
	}
	.width33 {
		width: 50%;
	}
	.grid-box .width33>article .content.clearfix {
		height: 160px;
	}
	#system .items .item:first-child{
		margin-top: 12px !important;
	}
	.wrapper-inner {
		margin-left: -23px;
		padding-left: 50px;
	}
	.junewsultra .jn{
		width: 33%;
	}
	.junewsultra .jn .jn-left, .jn-inner{
		height: 197px;
	}
	.xco-classic-row .item {
		width: 25%;
		min-height: 412px;
	}
	.xco-media-left .image {
		height: 156px;
	}
	#totop-scroller{
		width: 50px;
		background-size: 50px;
	}
	.slider-descr {
		font-size: 20px;
	}
}
@media screen and (max-width: 960px){
	.wrapper {
		width: 895px !important;
	}
	#maininner{
		width: 622px !important;
	}
	.junewsultra .jn .jn-left, .jn-inner{
		height: 183px;
	}
	.xco-media-left .image {
		height: 144px;
	}
}
@media screen and (max-width: 854px){
	.wrapper{
		width: 789px !important;
	}
	#maininner {
		width: 516px !important;
	}
	.junewsultra .jn .jn-left, .jn-inner{
		height: 159px;
		font-size: 12px;
	}
	.xco-media-left .image {
		height: 124px;
	}
	.slider-descr {
		font-size: 18px;
	}
	#toolbar .float-right{
		font-size: 16px;
		top: 81px;
	}
	#footer h3.module-title{
		font-size: 18px;
	}
	#footer .menu span{
		font-size: 12px;
	}
}
@media screen and (max-width: 800px){
	.wrapper{
		width: 740px !important;
	}
	#maininner {
		width: 460px !important;
	}
	#totop-scroller{
		width: 60px;
		background-size: 60px;
	}
	.wrapper-inner{
		margin-left: -23px;
		padding-left: 57px;
	}
	.junewsultra .jn .jn-left, .jn-inner{
		height: 149px;
	}
	.xco-media-left .image {
		height: 115px;
	}
	.slider-descr {
		font-size: 16px;
	}
	#toolbar .float-right{
		font-size: 15px;
		top: 82px;
	}
	#footer .menu span{
		font-size: 11.5px;
	}
}
@media screen and (max-width: 768px){
	#toolbar .float-right{
		right: -45px;
	}
}
@media screen and (max-width: 704px){
	.wrapper, #maininner {
		width: 100% !important;
	}
	#header {
		width: 99% !important;
	}
	#totop-scroller{
		display: none;
	}
	.wrapper-inner{
		margin-left: auto;
		padding-left: 0;
	}
	.junewsultra .jn .jn-left, .jn-inner{
		height: 141px;
	}
	.xco-media-left .image {
		height: 108px;
	}
}
@media screen and (max-width: 640px){
	#toolbar .float-right {
		font-size: 17px;
		font-weight: normal;
		right: 0px;
	}
	.wk-slideshow-tasty .caption{
		margin-left: 0;
	}
	.junewsultra .jn {
		width: 50%;
	}
	.junewsultra .jn .jn-left, .jn-inner{
		height: 188px;
	}
	.xco-classic-row .item {
		width: 33%;
		min-height: 370px;
	}
	.item-inner {
		min-height: 370px;
	}
	.xco-media-left .image {
		height: 127px;
	}
	#footer, #sidebar-a{
		display: none;
	}
		#top-a{
		display: none;
	}
	.header-logo img {
		visibility: hidden;
	}
	#toolbar .float-left {
		display: block;
		position: absolute;
		width: 195px;
		top: 87px;
	}
}
@media screen and (max-width: 480px){
	.wrapper, #maininner, #header {
		width: 480px !important;
	}
	#toolbar .float-right {
		margin-right: 38px;
		top: 80px;
	}
	#toolbar .float-left {
		top: 22px;
		left: 10px;
	}
	.junewsultra .jn {
		width: 100%;
	}
	.junewsultra .jn .jn-left, .jn-inner {
		height: 288px;
		overflow: hidden;
	}
	.xco-classic-row .item {
		width: 50%;
	}
	.xco-media-left .image {
		height: 149px;
	}
}