/*~  Default/shared styles
----------------------------------------------------------------------*/
body {
/*~	font: normal 70% Verdana, Arial, sans-serif;
}

div#count {
	background-color: #AAAAFE;
	padding: 6px;
	font: normal 1.2em Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
	width: 80%;
}

.article {
	border: 0px solid #CCC;
	padding: 0px;
}


/*~  Body class: initial
----------------------------------------------------------------------*/
.initial .article {
	width: 79.5%;
}

.initial .imagewrapper {
	margin: 0 6px 6px 0;
}


/*~  Body class: pda_ver
----------------------------------------------------------------------*/
.pda_ver .article {
	width: 60px;
}

.pda_ver .imagewrapper {
	display: none;
	overflow: hidden;
}


/*~  Body class: pda_hor
----------------------------------------------------------------------*/
.pda_hor .article {
	width: 80px;
}

.pda_hor .imagewrapper {
	width: 70px;
	height: 70px;
	overflow: hidden;
}


/*~  Body class: screen_ultralow
----------------------------------------------------------------------*/

/*~  ------------------------------
/*~  Ajustar width si tienes marcos
/*~  ------------------------------
.screen_ultralow .article {
	width: 470px;
	padding: 8px;
}

.screen_ultralow .imagewrapper {
	width: 120px;
	height: 120px;
	margin: 0 auto;
	overflow: hidden;
}


/*~  Body class: screen_low
----------------------------------------------------------------------*/

/*~  ------------------------------
/*~  Ajustar width si tienes marcos
/*~  ------------------------------
.screen_low .article {
	width: 610px;
	padding: 10px;
}

.screen_low .imagewrapper {
	width: 120px;
	height: 120px;
	float: left;
	margin: 0 6px 6px 0;
	overflow: hidden;
}


/*~  Body class: screen_med
----------------------------------------------------------------------*/

/*~  ------------------------------
/*~  Ajustar width si tienes marcos
/*~  ------------------------------

.screen_med .article {
	width: 610px;
	padding: 12px;
}

.screen_med .imagewrapper {
	width: 180px;
	height: 120px;
	float: left;
	margin: 0 6px 6px 0;
	overflow: hidden;
}


/*~  Body class: screen_high 600 320 120
----------------------------------------------------------------------*/

.screen_high .article {
	width: 600px;
	padding: 14px;
}

.screen_high .imagewrapper {
	width: 320px;
	height: 120px;
}


/*~  Body class: screen_wide 800 589
----------------------------------------------------------------------*/

.screen_wide .article {
	width: 800px;
	padding: 16px;
}

.screen_wide .imagewrapper {
	width: 589px;
	clear: right;
	height: 120px;
	float: right;
	margin: 0 0 8px 8px
}