@charset "UTF-8";

/* Layout Small Screens */


header {
	background: url(../images/banner_small.png) no-repeat right 0px;
}

/* översta bilderna på slottdetalj */
/* bilderna på m_slott */

img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
	
/*padding: 10px 10px 10px 10px;  */
}

article { padding: 10px 10px 10px 10px; }

nav {
	display: block;
	padding: 0px;
}

nav a {
	display: block;
	margin: 0px;
	padding: 8px;
	border-bottom: 1px solid #f5a06e;
	background: url(../images/mobile_link_arrow.png) no-repeat right center;
}

nav a:hover { color: #fff; background-color: rgba(255,255,255,.15); }

.promo { background-repeat: no-repeat; }
.promo p { line-height: 1.2em; font-size: .9em; margin-bottom: .5em; }
.promo h3 { font-size: 1.2em; }
.promo.one { background-image: url(../slott/m_24.jpg); }
.promo.two { background-image: url(../slott/m_11.jpg); }
.promo.three { background-image: url(../slott/m_8.jpg); }
.promo_container { padding: 0px; }
.promo_container .promo {
	width: auto;
	float: none;
	padding: 10px 0px 0px 0px;
	background-position: 20px 13px;
	border-top: 1px solid #ccc;
}
.promo_container .promo .content { padding: 0px 20px 5px 10px; }


.img_container {
	padding: 15px;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 13px;
}
    
footer { 
		border-spacing: 15px;
		text-align: left;		
}

body { background-image: none; }


#hero { height: 100px; background: url[../images/banner_small.jpg) no-repeat right 0px; }
#hero .panel .caption { display: none; }

a.mobile_menu.selected { background-position: 4px -26px; }