.magazine-header{
	display:block;
	background-color:#fff;
	padding-top:20px;
	padding-bottom:20px;
}

a.magazine-logo{
	display:inline-block;
	width:399px;
	height:60px;
	background:transparent url('../../img/youspa_magazine_logo.png') 0 0 no-repeat;
	margin-top:15px;
	text-indent:-5000px;
	overflow:hidden;
}

@media (max-width: 991px) {
    a.magazine-logo{
		width:260px;
		height:39px;
		background:transparent url('../../img/youspa_magazine_logo_xs.png') 0 0 no-repeat;
		margin-top:20px;
	}
}

.magazine-menu{
	display:block;
	background-color:#fff;
	border-top:1px solid #ddd;
}

.magazine-menu ul{
	display:table;
	margin:0 0 0 0;
	padding:0;
	width:100%;
}

.magazine-menu ul li{
	display:table-cell;
	text-align:center;
	position:relative;
	
}

.magazine-menu ul li a{
	display:block;
	font-family:open_sansregular, arial, helvetica, sans-serif;
	font-size:14px;
	list-style:none;
	padding:20px 20px;
	color:#003b65;
	line-height:16px;
	background-color:#fff;
	font-weight:bold;
	height:60px;
}

.magazine-menu ul li a:hover{
	background-color:#d9ebf8;
}

.magazine-menu ul li a.selected{
	background-color:#a8d6f8;
}

.magazine-menu ul li a .magazine-menu-marker{
	width:26px;
	height:15px;
	background:transparent url('../../img/magazine-menu-marker.png') 0 0 no-repeat;
	position:absolute;
	top:-16px;
	left:43%;
	
	-webkit-transition: all 250ms ease-out;
    -moz-transition: all 250ms ease-out;
    -o-transition: all 250ms ease-out;
    transition: all 250ms ease-out;
}

.magazine-menu ul li a:hover .magazine-menu-marker{
	top:-5px;
}

.magazine-menu ul li a.selected .magazine-menu-marker{
	top:-5px;
}

.box-article-c{
	position:relative;
}

.box-article-adv{
	position:absolute;
	top:-6px;
	left:-6px;
	display:block;
	width:73px;
	height:72px;
	background:transparent url('../../img/box-article-adv.png') 0 0 no-repeat;
	display:none;
}

.box-article-c.has-band .box-article-adv{
	display:block;
}

a.box-article{
	display:block;
	
	width:100%;
	height:auto;
	background-color:#fff;
	color:#555;
	
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4);
	-moz-box-shadow:    0px 0px 10px 0px rgba(0, 0, 0, 0.4);
	box-shadow:         0px 0px 10px 0px rgba(0, 0, 0, 0.4);
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	border:2px solid #fff;
	overflow:hidden;
	
	position:relative;
}

.box-article-c.has-band .box-article{
	border-color:#1f7dc0;
}

a.box-article:hover{
	color:#555;
}

.box-article-body{
	padding:30px;
}

.box-article-img{
	width:100%;
	border:0;
}

.article-cat{
	display:inline;
	padding:3px 5px;
	background-color:#a7d6f8;
	font-size:10px;
	color:#005d9f;
}

.article-link{
	color:#005d9f;
}

.article-title{
	font-family: TitilliumWeb-SemiBold, arial, helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	color:#003b65;
}

.article-subtitle{
	font-family: TitilliumWeb-SemiBold, arial, helvetica, sans-serif;
	font-size:20px;
	/*font-weight:bold;*/
	font-style: italic;
	color:#3290d5;
}

.box-article-main-c{
	position:relative;
}

.box-article-main-c.has-band .box-article-adv{
	display:block;
}

a.box-article-main{
	display:block;
	
	width:100%;
	height:auto;
	background-color:#fff;
	color:#555;
	
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4);
	-moz-box-shadow:    0px 0px 10px 0px rgba(0, 0, 0, 0.4);
	box-shadow:         0px 0px 10px 0px rgba(0, 0, 0, 0.4);
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	border:2px solid #fff;
	overflow:hidden;
	
	position:relative;
	overflow: hidden;
}

.box-article-main-c.has-band .box-article-main{
	border-color:#1f7dc0;
}

.box-article-footer{

}

.side-title{
	font-family: TitilliumWeb-SemiBold, arial, helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#999;
	padding-bottom:10px;
}