/* CSS Document */

body {
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	line-height:130%;
	background:#CCC;
}
body.coke{
	background:#000000;
}
body.wh{
	background:#FFFFFF;
}
body.gmaps{
	background:url(blagasmap/images/bm2_l.jpg) left top no-repeat;
}
body.blaga{
	background:url(blagasmap/images/bg.gif) left top repeat-x #7F8A98;
}
body.demoeuro{
	bacground:url(advergames/euroarena/images/gazon.jpg) left top;
}
div.demoeuro{
	width:961px; margin:20px 0 0 20px;
}
div.bannerseuro{
	padding-left:253px; padding-top:14px; width:742px; margin:0 auto 0 auto; background:url(fmcgcampaigns/eurococacola/images/bg.jpg) left top no-repeat; height:700px;
}
div.teaser{
	width:500px; margin:20px 0 0 20px;
}
div.insider{
	padding-left:234px; padding-top:226px; width:314px; height:324px; background:url(nonfmcgcampaigns/nokiapressplay/banners/images/insider.jpg) left top no-repeat; margin:10px auto;
}
div.ym{
	padding-left:19px; padding-top:434px; width:254px; height:71px; background:url(nonfmcgcampaigns/nokiapressplay/banners/images/ym.jpg) left top no-repeat; margin:10px auto;
}
div.sofresh{
	padding-left:345px; padding-top:196px; width:615px; height:436px; background:url(nonfmcgcampaigns/nokiapressplay/banners/images/sofresh.jpg) left top no-repeat; margin:10px auto;
}
div.hhk{
	padding-left:265px; padding-top:295px; width:733px; height:597px; background:url(nonfmcgcampaigns/nokiapressplay/banners/images/hhc.jpg) left top no-repeat; margin:10px auto;
}
div.hi5{
	padding-left:415px; padding-top:253px; width:570px; height:534px; background:url(nonfmcgcampaigns/nokiapressplay/banners/images/hi5.jpg) left top no-repeat; margin:0 auto;
}
.main {
	width:915px; margin:5px 5px 0 5px; padding:0 20px 20px 20px; overflow:hidden; background:#CCC;
}
.susbox{
	width:135px; float:left;
}
.gbox{
	margin-left:500px; margin-top:355px; width:320px; height:250px;
}
.boxr{
	width:200px; float:right;
}
.bbox{
	width:224px; float:right;
}
.boxl{
	width:200px; float:left;
}
.bboxl{
	width:285px; float:left;
}
.box{
	width:200px;
}

.sboxl{
	padding-right:20px; width:180px; float:left;
}

.boxr img, .boxl img, .box img, .mb5, .bboxl img, .sboxl img{
	margin-bottom:5px;
}

.title{
	margin:0 -20px; background:#EEE;
}
.wrapper {
	width:942px; margin:0 auto;
}
div.coke {
	width:747px; margin:5px auto; padding-left:213px; padding-top:16px; background:url(banners/cokerefreshment/images/bg.jpg) left top no-repeat; height:800px;
}
div.joe {
	width:859px; margin:5px auto; padding-left:121px; padding-top:159px; background:url(fmcgcampaigns/joe/bannere/fundal.jpg) left top no-repeat; height:856px;
}

div.joe300 {
	width:302px; margin:5px auto; padding-left:648px; padding-top:574px; background:url(fmcgcampaigns/joe/bannere/fundal_300x250.jpg) left top no-repeat; height:337px;
}

div.blaga {
	width:742px; margin:0px auto; padding-left:255px; padding-top:15px; background:url(banners/hartaluiblaga/images/bg.jpg) left top no-repeat; height:800px;
}
.footer, .footers {
	color: #666; font-size:10px; width:600px; margin:0; padding:5px 20px 20px 20px;
}
.footers{
	width:500px;
}
.footercoke {
	color: #666; font-size:10px; width:920px; margin:0; padding:5px 20px 20px 20px;
}
.footerjoe {
	color: #666; font-size:10px; width:920px; margin:0; padding:5px 20px 20px 20px;
}
.footerb {
	color: #666; font-size:10px; width:920px; margin:0 auto; padding:5px 20px 20px 20px;
}
a{
	color:#333; font-weight:bold;
}
a:hover{
	color:#900;
}
img{
	border:1px solid #333;
}
.nbr{
	border:0px none;
}
.mimg{
	 margin-left:10px; margin-bottom:10px;
}
h1{
	margin:0 -20px 10px -20px; padding:20px 20px 0 20px; font-size:20px; color:#000;
}
h2{
	margin:20px 0 5px 0; padding:0; font-size:18px;
}
h3{
	margin:20px 0 5px 0; padding:0; font-size:16px;
}
h4{
	margin:15px 0 0 0; padding:0; font-size:14px;
}
h5{
	margin:15px 0 5px 0; padding:0; font-size:13px;
}
ul{
	margin:0;
	padding:0;
	padding-left:20px;
}
p {
	margin:15px 0; padding:0;
}
hr{
	margin:5px 0; border:0px none; background:#EEE; height:1px; font-size:0px; line-height:0px; color:#EEE; padding:0; clear:both;
}
.mt20{
	margin-top:20px;
}
.mr20{
	margin-right:20px;
}
.mr30{
	margin-right:30px;
}
.mb5{
	margin-bottom:5px;
}
.wh{
	color:#FFF;
}

/*---------------------------------------------------------------------------- 
FIXES
-----------------------------------------------------------------------------*/
.clearer{
	clear:both; font-size:0px; line-height:0px; width:100%;	height:0px; visibility: hidden;
}

.clearfix:after {
    content: "."; display: block; height: 0; clear: both; visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */