@charset "iso-8859-7";
/* CSS Document */

/*Start for promo*/
#promo {
		clear: both;
		float: left;
		width: 984px;
		padding: 6px 0px 0px;
		height: 150px;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		background: #000;
}

div.thumb {
		position:relative;
		width:241px;
		height:150px;
		margin: 0px 6px 0px 0px;
		overflow:hidden;
		float:left;
		background: #222222;
}

div.divLeft, div.divRight{
	width:120px;
	height:150px;
	overflow:hidden;
	position:relative;
    top:-150px;
	overflow:hidden;
	float:left;
}
div.divLeft{
		margin-right:0px;
}
div.divLeftImage{
	width:121px;
	height:100%;
	float:left;
}
div.divLeftShadow{
		width:100%;
		height:100%;
		float:left;
		background:transparent url(../images/promo_foto/shadow.png) repeat-y 0 0;
}
div.divRight{
		width:120px;
		background-position:-120px 0;
}
.thumbnail-shadow {
	float:left;
	height:33px;
	position:relative;
	top: -350px;/*-320*/
	width:100%;
}

div.someContent {
		position:relative;
		width:241px;
		height:150px;
		padding:0px;
		background:transparent url(../images/promo_foto/thumbnail-overlay.png) no-repeat scroll 0px -300px;
}


div.someContent div.more{
		float:left;
		height:150px;
		padding:0px;
		position:relative;
		width:241px;
		text-align: center;
		font-size: 14px;
		font-weight: bold;
		color: #FFF;
		line-height: 20px;
}

.someContent .more a {
		color: #666;
		text-decoration: none;
		font-size: 12px;
		line-height: 16px;
}

.someContent .more a:hover {
		color: #FFF;
		text-decoration: none;
}
div.thumbR {
		position:relative;
		width:241px;
		height:150px;
		margin: 0px;
		overflow:hidden;
		float:right;
		background: #222222;
		clear: right;
}