@import url("./classes.css");
html,body		{ height: 100%; margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
td				{ font-family: Arial, Helvetica, sans-serif; font-size: 13px; vertical-align: top; }

h1	 			{ font-size: 14px; margin-top: 0px; margin-bottom: 20px; padding-bottom: 2px; border-bottom: 1px solid #76B527; text-transform: uppercase;}
#facTitle		{ font-size: 14px; margin-top: 0px; margin-bottom: 20px; padding-bottom: 2px; border-bottom: 1px solid #76B527; float: right; color: #808080;}
h2				{ font-size: 14px; margin-top: 40px; margin-bottom: 15px; padding-bottom: 2px; border-bottom: 1px solid #76B527; }
h3				{ font-size: 13px; margin-top: 30px; margin-bottom: 15px; }
input,textarea	{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
select          { font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
sup             { color:#808080; font-size:9px;}


a:link,a:visited	{ text-decoration: none; color: #568c00;}
a:hover         { text-decoration: none; color: black; }
.external       { background: transparent url('../_img/external_link.gif') no-repeat 100% 0; padding: 0 10px 0 0; }
.external-blue       { background: transparent url('../_img/external_link_blue.gif') no-repeat 100% 0; padding: 0 10px 0 0; }

.external-green-lp       { background: transparent url('../_img/external_link_green_lp.gif') no-repeat 100% 0; padding: 0 10px 0 0; }
.external-orange-lp       { background: transparent url('../_img/external_link_orange_lp.gif') no-repeat 100% 0; padding: 0 10px 0 0; }

.object ul      { list-style-type: none; list-style-image: none; }

hr.event        { height: 1px; border: none; border-bottom: 1px dashed #a4a86d; background-color: transparent; color: transparent; margin-bottom: 5px; }

#maintable      { width: 100%; height: 100%; border-collapse: collapse; text-align: left; }
#null           { margin: 0; padding: 0; height: 1px; width: 180px; }
#tablehead      { height: 133px; background: transparent url('../_img/topBgr.jpg') top left repeat-x; }
#topLogo        { height: 42px; border: none; position: absolute; top: 16px; left: 10px; }
#left-panel     { width: 180px; padding: 0 0 0 10px; }

#content        { padding: 7px 20px 20px 20px; }
#content a		{text-decoration: underline;}
#content li     {margin: 5px 40px;}

#right-panel    { width: 180px; padding: 0 10px 0 0; }
.tableFoot      { background-color: #c2c7c3; text-align: center; vertical-align: middle; height: 20px; border-top: 1px solid #9a9c99; font-size: 11px; }
#tableFootLeft	{ text-align: left; padding-left: 10px;}
#tableFootRight	{ text-align: right; padding-right: 10px;}
.tableFoot a	{ color: #000;}

#navigationmenu { list-style-type: none; margin: 0; padding: 0; position: absolute; top: 104px; left: 0; font-weight: bold; font-size: 11px; letter-spacing: 0.5px;}
#navigationmenu a { color: #ffcc00; text-decoration: none; }
#navigationmenu a:hover { color: #c3cac3; }
#navigationmenu ul { white-space: nowrap; }
#navigationmenu li { list-style-type: none; padding: 0 10px; float: left; border-right: 1px solid #93a193; color: #fff; font-weight: bold; }
#navigationmenu .foot { border: none; }
#navigationmenu .sel { color: #c3cac3; }

#submenu        { margin: 5px 0 0 0; padding: 0; }
#submenu .head  { list-style-type: none; list-style-position: outside; border: 0; font-weight: bold; background: #76b527 url('../_img/arrowWhiteD.gif') 165px 9px no-repeat; color: #fff; padding: 2px 0 2px 3px; }
#submenu .foot  { border: none; }
#submenu a		{ color: #000; text-decoration: none;}
#submenu a:hover	{ color: #53860A; text-decoration: none;}
#submenu li		{ color: #76b527; background-color: #f0f7e7; padding: 3px 0 3px 8px; border-bottom: 1px solid #BDDB96; list-style-position: inside; }
#submenu .sel   { background-color: #808080; color: #fff; }
#submenu .sel a { color: #fff; }
.submenufooter  { background-color: #76B527; padding: 2px; margin-bottom: 15px; }

#languagemenu { list-style-type: none; margin: 0; position: absolute; top: 0; right: 0; }
#languagemenu a { color: white; text-decoration: none; }
#languagemenu a:hover { color: black; }
#languagemenu ul { white-space: nowrap; }
#languagemenu li { list-style-type: none; padding: 26px 10px 0 4px; float: left; display: inline; height: 10px; border-left: 1px dashed white; color: #fff; font-size: 10px; font-weight: bold; font-family: Verdana; }
#languagemenu li.activelang { border-left: 1px dashed black; }

#searchTitle    { position: absolute; top: 83px; right: 10px; height: 20px; color: #c3cac3; font-size: 10px; font-weight: bold; background: transparent url('../_img/arrowGrayD.gif') 33px 14px no-repeat; }
#searchForm     { position: absolute; top: 104px; right: 10px; }
#searchForm .inputPhrase { font-size: 10px; width: 140px; border: 0; }
#searchForm .submitButton { font-size: 10px; border: 0; color: #c5c5c5; background-color: #808080; font-weight: bold; width: 27px; height: 15px; padding-bottom: 2px; }

.tipBox         { text-align: center; padding: 2px; font-size: 11px; margin-bottom: 15px; color: #000 !important;}
.tipBox p		{text-align: left; padding: 5px; margin: 0;}
.blue           { background-color: #e1e9f6; }
.blue a         { color: #5E85B0; text-decoration: underline;}
.blue a:visited { color: #5E85B0; }
.blue a:hover   { color: #000; }
.brown          { background-color: #f5f5ed; }
.brown a        { color: #939660; text-decoration: underline; }
.brown a:visited { color: #939660; }
.brown a:hover  { color: #000; }
.orange          { background-color: #f5f5ed; }
.orange a        { color: #DA6242; text-decoration: underline; }
.orange a:visited { color: #DA6242; }
.orange a:hover  { color: #000; }
.darkgreen      { background-color: #76b527; }
.darkblue       { background-color: #7394bd; }
.darkbrown      { background-color: #a4a86d; }
.green          { background-color: #f0f7e7; }
.green a		{color: #000; text-decoration: underline;}
.green a:hover	{color: #76b527;}
.udalosti		{font-weight: bold; font-size: 11px;}
.udalosti a		{color: #000;}
.udalosti a:hover	{color: #939660;}

.tipHead        { height: 20px; margin-top: 5px; border-bottom: 1px solid white; }
.headBrown      { background: transparent url('../_img/divTopBrown.gif') top left no-repeat; }
.headGreen      { background: transparent url('../_img/divTopGreen.gif') top left no-repeat; }
.headGreen a    { color: #000;}
.headBlue       { background: transparent url('../_img/divTopBlue.gif') top left no-repeat; }
.headDarkBlue   { background: transparent url('../_img/divTopDarkBlue.gif') top left no-repeat; }
.headBrown      { background: transparent url('../_img/divTopBrown.gif') top left no-repeat; }
.headOrange     { background: transparent url('../_img/divTopOrange.gif') top left no-repeat; }
.headOrange a   {color: #FF4D1D;}

.boxHL			{ font-size: 11px; margin: 0; padding: 3px 0 0 0; color: #fff; text-align: center;}

#snowBox        { width: 100%; background-color: #F1F5FF; margin-bottom: 10px;}
#snowBox td     { font-size: 10px; text-align: left; padding: 2px 3px; }
#snowBox .head  { color: #3a639f; }
#snowBox tr.even td  { background-color: #cedeef; }

#centermenu         { text-align: center; margin-top: 3px; }
#centermenu table   { width: 585px; text-align: center; margin: 0 auto; }
#centermenu td      { width: 33%; }
#centermenu .col    { background-color: #76B527; height: 6px; }
#centermenu .tdhead { background: transparent url('../_img/centerGreen.gif') top center no-repeat; height: 20px; font-weight: bold; color: #76b527; padding-top: 3px; font-size: 11px; }
#centermenu ul      { list-style-type: none; list-style-position: outside; margin: 3px 0; padding: 0; line-height: 16px; }
#centermenu a       { text-decoration: underline; color: black; }
#centermenu a:hover { color: #76b527; }

#slider         { background: transparent url('../_img/arrowGrayD.gif') no-repeat; position: absolute; display: none; font-weight: bold; color: #c3cac3; text-transform: uppercase; font-size: 10px; text-align: center; height: 20px; }
#sliderx        { background: transparent url('../_img/arrowGrayD.gif') no-repeat; position: absolute; display: none; font-weight: bold; color: #c3cac3; text-transform: uppercase; font-size: 10px; text-align: center; height: 20px; }
#mapFlag        { position: absolute; display: none; background: transparent url('../_img/mapFlag.gif') center no-repeat; width: 15px; height: 15px; }

div.event		{clear: left; overflow: hidden; margin-bottom: 25px;}
h3.event		{color: #808080; margin: 0 0 10px 0;}

.boxHotel { overflow: hidden; float: left; margin: 10px 20px 10px 0; }
/* .boxHotel { width: 280px; height: 215px; } */
.boxHotel { width: 32%; min-width: 320px; _width: expression(document.body.clientWidth < 1000 ? '97%' : '48.5%' ); height: 140px;}
.boxHotel .title {color: #fff; font-weight: bold; padding: 3px; }
.boxHotel .title a {color: #fff; text-decoration: none !important;}
.boxHotel .title a:hover {text-decoration: none;}
.boxHotel table {width: 100%; }
.boxHotelTable td	{padding: 2px; border-bottom: 1px solid #fff; border-left: 1px solid #fff;}
.boxHotel .photo     { width: 121px; padding: 0px; border: none; }
.boxHotel .line1a {background-color: #f6f6f6;}
.boxHotel .line1b {background-color: #f0f7e7; text-align: right;}
.boxHotel .line2a {background-color: #e1e9f6;}
.boxHotel .line2b {font-weight: bold; background-color: #e1e9f6; text-align: right;}
.boxHotel .line3a {background-color: #e1e9f6;}
.boxHotel .line3b {font-weight: bold; background-color: #e1e9f6; text-align: right;}
.boxHotel .line4a {background-color: #e1e9f6; border-bottom: none;}
.boxHotel .line4b {font-weight: bold; background-color: #e1e9f6; text-align: right;}
.boxHotel .line4a a {color: #000; text-decoration: none;}
.boxHotel .line4a a:hover {color: #00337a; text-decoration: none;}
.boxHotel .line4b {background-color: #e1e9f6; border-bottom: none;}
.boxHotel .line4b a {color: #000; text-decoration: none;}
.boxHotel .line4b a:hover {color: #00337a; text-decoration: none;}
.boxHotel .text {text-align: justify; }
.boxHotel h3		{margin: 0; text-align: right; font-size: 12px; color: #fff;}

.buttonOn           { border: 1px solid #434343; color: #fff;    background-color: #76b527; padding:0; font-size:10px; font-weight:bold; width:20px; }
.buttonOff          { border: 1px solid #8F968E; color: #8F968E; background-color: #fff;    padding:0; font-size:10px; font-weight:bold; width:20px; }
.langOn             { border: 1px solid #434343; color: #fff;    background-color: #76b527; padding:0; font-size:10px; font-weight:bold; width:16px; float:left; margin-right:2px; }
.langOff            { border: 1px solid #8F968E; color: #8F968E; background-color: #fff;    padding:0; font-size:10px; font-weight:bold; width:16px; float:left; margin-right:2px; }
.adminLangSwitch    { float:left; border: 1px solid #434343; background-color: #76b527; padding:0; margin:0 5px; }
.adminLangSwitch .alabel { float:left; padding:3px 0 0 4px; color: #fff; font-size:10px; font-weight: bold; }

.tip				{color: #808080; padding-top:40px;margin: 0px 0 15px 0;}

#ul-facility    { list-style-type: none; list-style-image: none; margin-top: 25px;}
#ul-facility li { background: url('../_img/li-logo.gif') top left no-repeat; padding-left: 30px; padding-top: 3px; _margin-bottom: 3px; height: 30px; }

#ul-faq    		{list-style-type: none; list-style-image: none;}
#ul-faq li		{background: url('../_img/li-logo.gif') top left no-repeat;padding-left: 30px; padding-top: 3px; padding-bottom: 20px;}
#ul-faq h3		{margin: 0; margin-bottom: 5px;}

#facility td	{vertical-align: middle; padding: 4px;}

a.slink         { color: gray; }
a.slink:hover   { color: black; }
.velikost		{color: gray;}

.alert			{ font-weight: normal; background-color: #FFEA9F; border: 1px dashed #808080; padding: 15px; }

fieldset		{ padding: 15px; margin: 20px 0 20px 0; border: 1px solid #808080; }
legend			{ font-weight: bold; _margin-bottom: 10px; padding: 2px 10px 2px 10px; background-color: #FFF3CB; border: 1px solid #808080; }
.highlight      { font-weight: bold; }

#skiinfo        { }
#skiinfo th     { width: 12em; text-align: center; padding: 3px 5px 3px 0; font-size: 9pt; background-color: #7394BD; color: #fff; white-space: nowrap; }
#skiinfo tr.odd { background-color: #f3f3f3; }
#skiinfo td  { text-align: center; vertical-align: middle; padding: 5px 0;}
#skiinfo td.left  { text-align: left; white-space: nowrap; }

div.lastbox {
	width: 288px;
	margin: 10px 0; 
	padding: 0;
	border-top: 3px solid #7493BD;
	background: #F8F8F8;
	text-align: center;
	float: left;
}
div.lastbox a.image {
    width: 120px;
    height: 80px;
	float: left;
	overflow: hidden;
}
div.extend {
    height: 74px;
    _height: 80px;
    line-height: 1.55em;
	margin: 10px 0; 
	padding: 2px .5em;
	border: 3px solid #7493BD;
	background: #FFF;
	text-align: center;
	float: left;
}
.box_info {
    height: 76px;
    _height: 80px;
    padding: 2px; 
    text-align: center; 
    margin-left: 120px;
    background-color:#F6F6F6;
}
.box_info span.town { font-size: 90%; }
.box_info table { width: 100%; }
.box_info td.date { color: #808080; }
.box_info td.price { color: #FF6600; }


.box  {
    width: 320px;
    height: 140px;
    overflow: hidden;
    float: left;
    margin: 10px 20px 10px 0;
    border-top:5px solid white;
    padding:0;
}

.box .boxInfo {
    text-align:center;
    height:75px;   
    padding-top:5px;
    background-color:#F6F6F6;
}
 
.box .description {
    font-size: 11px;
    margin-top: 2px;
    text-align:justify;
    clear:both;
}

.box .boxInfo a:hover {color:black}
.box .item1 {font-size:10.8px;padding:4px 0;}
.box .item2 {padding-bottom:4px;color:#606060;}
.box img {border: none; float: left;width:120px;height:80px;margin:0;padding:0}


.schemeBlue {border-top-color:#7493BD;}
.schemeBlue a, .schemeBlue span {color: #4C71A4;}

.schemeGray {border-top-color:#666701;}
.schemeGray a, .schemeGray span {color: #666701;}

.schemeRed {border-top-color:#DF4801;}
.schemeRed a, .schemeRed span {color: #DF4801;}


.weatherTable {display: inline-block; margin: 0 40px 0 40px;}
.weatherTable .weatherDay {font-size:13px;font-weight:bold;text-align:center}
.weatherTable .weatherDate {color:#808080;padding:3px 0 5px 0;text-align:center;font-size:10.2px}
.weatherTable .weatherField {padding:0 3px;height:150px;text-align:center}
.weatherTable .weatherField img {margin:3px 0}
.weatherTable .weatherField .wfSpan {color:#FF8D13;font-size:14px}

.weatherDiv {width:85px;text-align:center;margin:0px 20px 0 20px}
.weatherDiv .weatherDay{color:#808080;margin:5px 0}
.weatherDiv span {color:#FF8D13; font-size:14px;font-weight:bold}

a.highslide { margin: 0 5px 0 0; padding: 2px !important; border: 1px solid #EFEFEF;float: left; }
a.highslide:hover { border: 1px solid #666; }
.highslide img {margin:0 !important;padding:0 !important;float:none !important;display:block;} 

div.packet-categories {margin: 1em 0 2.5em;}
div.packet-categories .category { display: block; float: left; height: 45px; overflow: hidden; width: 160px;}
div.packet-categories .category span { display:block; float: left; margin-right: 7px; text-align: center; width: 30px;height:100%;}
div.packet-categories .category .black a { color: #000000 !important; }
div.packet-categories img { margin: 0 auto; vertical-align: middle; border: medium none; }

div.packet-category-box { float: left; height:100px; margin: .1em 1.4em 4em 0; border-top-color: #8DC73F;}
div.packet-category-box div.cname { line-height: 2.6em;}
div.packet-category-box div.cname img{ vertical-align: middle; margin: 0 1em 0 0;}

div.packet-box { display: block; margin: .1em 1.4em 1.4em 0; overflow: hidden; width: 290px; float: left; line-height: 18px; }
div.packet-box .cname { color: gray; font-size: 90%; }
div.packet-box .top { background: none repeat scroll 0 0 #FDF5CD !important; }
div.packet-box .packbox { background: none repeat scroll 0 0 #F8F8F8; border-bottom: 1px dashed #CCCCCC; border-right: 1px dashed #CCCCCC; border-top: 3px solid #8DC73F; height: 80px; overflow: hidden; }
div.packet-box .packbox img { float: left; width: 120px;}
div.packet-box .infobox { margin-left: 120px; text-align: center; } 
div.packet-box .infobox div { padding: 1px 3px 0; }
div.packet-box .infobox .town { font-size: 90%;}
div.packet-box .infobox .price { color: #FF6600; font-weight: bold; }

ul.newspapers-list { padding: 0; margin: 0; list-style: none; }
ul.newspapers-list li { margin: 0 2em 2em 0; padding: 0; float: left; text-align: center; }
ul.newspapers-list li h4{ margin: 1em 0 1em 0; }
ul.newspapers-list li p{ margin: .5em 0 0 0; }

/*admin clanky*/
form#editarticle {}
form#editarticle table {
    width:100%;
}
form#editarticle table strong {
    font-size:13px;
}
form#editarticle table th,
form#editarticle table td {
    padding:5px;
}
form#editarticle table th {
    text-align:left;
    font-size:13px;
}
form#editarticle table label {font-weight:bold;}
form#editarticle table label.normal {font-weight:normal;}
div.rbx table th {
    width:50px;
}

tr.selectplace {display:none;}
tr.selectplace td ul {
    margin:0;
    padding:0;
    list-style:none;
}
tr.selectplace td ul label {
    cursor:pointer;
    font-weight:normal !important;
}
tr.selectplace td ul label:hover {
    text-decoration:underline;
}
.submitbuttonmy {
    padding:6px 12px;
    background:green;
    font-weight:bold;
    color:#fff;
    border:none;
    border: 3px outset #FFF; 
}

/*sale*/
div.actionitem {
    position:relative;
    margin:20px 0 40px 0;
    width:600px;
}
div.actionitem1 h2 {
    margin:0;
    padding:10px 0;
}
div.actionitem div.h2 {
    padding-top:13px;
    padding-bottom:13px;
}
div.actionitem div.h2 a {
    font-size:16px;
}
div.actionitem div.h2 a:hover {color:gray}
div.actionitem div.h2 span.category {
    color:gray;
    float:right;
    font-weight:normal;
}
div.actionitem div.imagebox {
    width:600px;
    height:360px;
    overflow:hidden;
}
div.actionitem span.sale {
    position:absolute;
    left:-17px;
    top:50px;
    display:block;
    width:120px;
    height:100px;
    line-height:100px;
    text-align:center;
    color:#fff;
    font-weight:bold;
    font-size:200%;
    background:url(../_img/sale-image.png) no-repeat left top;
    z-index:100;
}
div.actionitem span.saleone {background:url(../_img/sale-image2.png) no-repeat left top;}
div.stoped span.sale,
div.stoped span.saleone {background:url(../_img/sale-image3.png) no-repeat left top;}
div.actionitem div.timer {
    position:absolute;
    left:0;
    bottom:75px;
    padding:5px 10px 0 44px;
    width:546px;
    height:30px;
    background:url(../_img/sale-bg.png) repeat left top;
    _background:#000;
    color:#fff;
    z-index:100;
}
div.actionitem div.timer div#timerclock {
    position:absolute;
    left:4px;
    top:10px;
    width:34px;
    height:34px;
    background:url(../_img/clock.png) no-repeat left top;
}
div.actionitem div.timer strong {
    display:block;
    font-weight:normal;
    color:#b7b7b7;
    font-size:95%;
}
div.actionitem div.timer span.days,
div.actionitem div.timer span.hours,
div.actionitem div.timer span.minutes,
div.actionitem div.timer span.seconds {
    font-weight:bold;
    font-size:120%;
    padding:0 5px 0 0;
}
div.actionitem div.stoped span.days,
div.actionitem div.stoped span.hours,
div.actionitem div.stoped span.minutes,
div.actionitem div.stoped span.seconds {
    color:red;
}
div.actionitem div.timer span.title {
    font-size:90%;
    padding:0 10px 0 0;
}
div.actionitem div.content {
    position:absolute;
    left:0;
    bottom:0;
    padding:5px 0 0 0;
    width:600px;
    height:70px;
    background:url(../_img/sale-bg.png) repeat left top;
    _background:#000;
}
div.actionitem div.content a.detail {
    display:block;
    position:absolute;
    right:0;
    bottom:0;
    padding:5px 0 5px 10px;
    width:150px;
    color:#fff;
    font-weight:bold;
    color:#fff;
    text-decoration:none;
    background:#008000 url(../_img/sale-arrow.png) no-repeat 140px center;
}
div.actionitem div.content a.detailone {background:#df4801 url(../_img/sale-arrow.png) no-repeat 140px center;}
div.stoped div.content a.detail,
div.stoped div.content a.detailone {background:gray url(../_img/sale-arrow.png) no-repeat 140px center !important;}
div.actionitem div.content a.detail:hover {
    background-color:#029402;
}
div.actionitem div.content a.detailone:hover {
    background-color:#f04f03;
}
div.actionitem div.content span.price {
    color:#fff;
    font-weight:bold;
    position:absolute;
    right:0;
    top:0;
    padding-right:10px;
    line-height:35px;
    font-size:180%;
}
div.actionitem div.content span.price del {
    font-size:70%;
    padding-right:10px;
    color:gray;
}
div.actionitem div.content p {
    position:absolute;
    left:10px;
    bottom:0;
    margin:0;
    padding:0;
    line-height:30px;
    font-weight:bold;
    color:#fff;
    font-size:126%;
}
div.actionitem div.content span.hoteltown {
    display:block;
    padding:13px 0 0 10px;
    color:#fff;
}
.actionitemsmall {
    margin-bottom:20px;
    margin-left:10px;
    text-align:left;
}
.actionitemsmall img {display:block;}
.actionitemsmall div.timer {
    margin:0;
    padding:5px 0 0 45px;
    color:#fff;
    background:#000 url(../_img/clock.png) no-repeat 5px 10px;
}
.actionitemsmall div.timer strong {
    display:block;
    font-size:0.8em;
}
.actionitemsmall div.timer span {
    font-size:95%;
    font-weight:bold;
}
.actionitemsmall div.timer span.title {
    padding:0 7px 0 3px;
    font-weight:normal;
}
.actionitemsmall div.price {
    padding:5px 8px;
    background:#000;
    text-align:right;
}
.actionitemsmall div.price del {
    font-size:0.8em;
    padding-right:10px;
    color:gray;
}
.actionitemsmall div.price span {
    font-size:1.2em;
}
.actionitemsmall div.info {
    padding:0 8px 5px 8px;
    background:#000;
    color:#fff;
    font-size:95%;
}

.rbpacket {
    position:relative;
    margin:10px auto 35px auto;
    width:117px;
    border:1px solid gray;
}
.rbpacket img {
    display:block;
}
.rbpacket .content {
    padding:4px;
    color:#fff;
    background:#000;
    text-align:center;
}
.rbpacket .content span.town {color:#d1d1d1;line-height:20px;}
.rbpacket .content strong {color:#fff;}
.rbpacket .content del {color:gray;font-size:1em;padding-right:5px;}
.rbpacket span.sale {
    position:absolute;
    left:-8px;
    top:5px;
    padding:0 0 0 10px;
    width:48px;
    height:40px;
    line-height:40px;
    color:#fff;
    font-weight:bold;
    background:url(../_img/sale-image-small.png) no-repeat left top;
}
.rbpacket span.saleone {background:url(../_img/sale-image2-small.png) no-repeat left top !important;}

.articleboxpage {
    width: 100%;
    margin: 3em 0;
}
.articleboxpage a.image {
    display: block;
    float: left;
    margin: 0 10px 0 0;
    padding: 1px;
    border: 1px solid lightgray;
}
.articleboxpage .date {float:right; color:#808080;}
.articleboxpage h4 {margin-top:0;padding-top:0;}
/*sale*/