@charset "utf-8";
/* CSS Document */

form{
	margin:0px;
	padding: 0px;
}

body{
	margin: 0px;
	padding: 0px;
	background: url(../img/header-bg.png) 0px -70px repeat-x;
	margin-bottom: 50px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

h2{
	font-size: 14px;
	color: #1d1d1d;
}

a{
	font-size: 12px;
	color: #b27603;
	font-weight: bold;
}

p{
	font-size: 12px;
	line-height: 18pt;
}

#header{
	height: 375px;
	width: 960px;
	margin: auto;
	margin-bottom: 20px;
	background: url(../img/sun.png) center center no-repeat;
	position: relative;
}

.special{
 	text-indent: -9999px;
	font-size: 1px;
	overflow: hidden;	
}

#logo{	
	display: block;
	position: absolute;
	top: 20px;
	right: 20px;	
	width: 334px;
	height: 67px;
	background: url(../img/logo.png) no-repeat;
}

#goldenbox
{
	position: absolute;	
	top: 38px;
	left: 30px;
	width: 377px;
	height: 29px;
	background: url(../img/concursul-goldenbox.png) no-repeat;
}

#prizes
{
	margin: auto;	
	padding-top: 80px;
	width: 560px;
	position: relative;
	z-index: 5;
}

.prize{
	background: url(../img/prizes.png) no-repeat;
	display: block;
	float: left;
	height: 193px;
	width: 140px;
}

a#firstprize
{
	background-position: -17px 0;
}

a#firstprize:hover
{
	background-position: -17px -193px;	
}

a#secondprize
{
	background-position: -170px 0;
}

a#secondprize:hover
{
	background-position: -170px -193px;	
}

a#thirdprize
{
	background-position: -323px 0;
}

a#thirdprize:hover
{
	background-position: -323px -193px;	
}

a#fourthprize
{
	background-position: -476px 0;
}

a#fourthprize:hover
{
	background-position: -476px -193px;	
}

#topmenu
{
	position: absolute;
	bottom: 0px;
	left: 25px;
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#topmenu li
{
	float: left;
	list-style: none;
}

#topmenu li a
{
	
	height: 56px;
	display: block;
	margin-right:2px;
}

#topmenu a#home
{
	width: 95px;
	background: url(../img/home.png) no-repeat;
	background-position: 0px 10px;
}

#topmenu a#home:hover, #topmenu a#home.active
{
	background-position: 0px 0px;
}

#topmenu a#premii
{
	width: 103px;
	margin-left: -3px;
	background: url(../img/premii.png) no-repeat;
	background-position: 0px 10px;
}

#topmenu a#premii:hover, #topmenu a#premii.active
{
	background-position: 0px 0px;
}

#topmenu a#mecanism
{
	width: 164px;
	margin-left: -3px;
	background: url(../img/mecanism.png) no-repeat;
	background-position: 0px 10px;
}

#topmenu a#mecanism:hover, #topmenu a#mecanism.active
{
	background-position: 0px 0px;
}

#topmenu a#castigatori
{
	width: 138px;
	margin-left: -3px;
	background: url(../img/castigatori.png) no-repeat;
	background-position: 0px 10px;
}

#topmenu a#castigatori:hover, #topmenu a#castigatori.active
{
	background-position: 0px 0px;
}

#topmenu a#widget
{	
	width: 198px;
	margin-left: -3px;
	background: url(../img/publica-widget.png) no-repeat;
	background-position: 0px 10px;
}

#topmenu a#widget:hover, #topmenu a#widget.active
{
	background-position: 0px 0px;
}

#content
{
	width: 960px;
	margin: auto;
	margin-top: -30px;
}

#column1
{
	width: 600px;
	float: left;
}

#column1 p{
	text-align: justify;
}

#column1 p strong{
	color: #524840;
}

#column2
{
	width: 360px;
	float: left;
	/*position: relative;*/
	margin-top: -65px;
}

#rightbox{
	background: url(../img/rightbox-bg.png) repeat-y;
	font-family: Helvetica, Arial, sans-serif;
	color: #fff;
	font-size: 12px;
	width: 335px;
	margin: auto;
	position: relative;
	z-index: 10;
}

#rightbox h1
{
	margin: 0px;
	padding: 0px 0px 10px 0px;
	font-size: 18px;
}

#rightbox p
{
	padding: 0px;
	margin: 0px;
	display: inline;
	font-size: 11px;
	line-height: 20px;
}

#rightbox-top
{
	background: url(../img/rightbox-top.png) no-repeat;
	width: 335px;
	height: 28px;
	margin: auto;
	position: relative;
	z-index: 11;
	display: block;
}

a#rightbox-bottom, a#rightbox-bottom2, a#rightbox-bottom3, a#rightbox-bottom4, a#rightbox-bottom5
{
	background: url(../img/rightbox-bottom.png) no-repeat;
	width: 335px;
	height: 75px;
	display: block;
	margin: auto;
}

a#rightbox-bottom2
{
	background: url(../img/rightbox-bottom2.png) no-repeat;
}

a#rightbox-bottom3
{
	background: url(../img/rightbox-bottom3.png) no-repeat;
	height: 30px !important;
	cursor: default;
}

a#rightbox-bottom4
{
	background: url(../img/rightbox-bottom4.png) no-repeat;
}

a#rightbox-bottom5
{
	background: url(../img/rightbox-bottom5.png) no-repeat;
}


a#facebook-prieteni
{
	width: 335px;
	height: 73px;
	background: url(../img/facebook-spune-prietenilor.png) no-repeat;
	display: block;
	margin: auto;
}

a#facebook-sustine
{
	width: 335px;
	height: 73px;
	background: url(../img/facebook-sustine.png) no-repeat;
	display: block;
	margin: auto;
}

a#facebook-fan
{
	width: 164px;
	height: 74px;
	background: url(../img/facebook-fan2.png) no-repeat;
	display: block;
	margin: auto;
	float:right;
	margin-right: 10px;
}

a#urmareste
{
	width: 164px;
	height: 74px;
	background: url(../img/urmareste2.png) no-repeat;
	display: block;
	margin: auto;
	float:right;
	margin-right: 8px;
}

#olimpiada-goldenbox
{
	background: url(../img/concursul-goldenbox-title.png) no-repeat;
	width: 303px;
	height: 23px;
}

#castigatori-title
{
	background: url(../img/castigatori-title.png) no-repeat;
	width: 152px;
	height: 28px;
}

#incheiere
{
	background: url(../img/incheiere.png) no-repeat;
	width: 472px;
	height: 23px;
}

#mecanismul-concursului
{
	background: url(../img/mecanismul-concursului-title.png) no-repeat;
	width: 194px;
	height: 28px;
}

#beneficii
{
	background: url(../img/beneficii.png) no-repeat;
	width: 407px;
	height: 23px;
}

#regulamentul-concursului
{
	background: url(../img/regulamentul-concursului-title.png) no-repeat;
	width: 365px;
	height: 27px;
}

#instructiuni
{
	background: url(../img/instructiuni-title.png) no-repeat;
	width: 159px;
	height: 22px;
}

#premiile-concursului
{
	background: url(../img/premii-title.png) no-repeat;
	width: 89px;
	height: 23px;
}

#contact
{
	background: url(../img/contact.png) no-repeat;
	width: 110px;
	height: 23px;	
}

#denisuca-title
{
	background: url(../img/denisuca.png) no-repeat;
	width: 128px;
	height: 23px;	
}

#kapra-title
{
	background: url(../img/kapra.png) no-repeat;
	width: 169px;
	height: 28px;	
}

#cabral-title
{
	background: url(../img/cabral.png) no-repeat;
	width: 186px;
	height: 23px;	
}

#ecostin-title
{
	background: url(../img/ecostin.png) no-repeat;
	width: 104px;
	height: 23px;	
}

#clickio-title
{
	background: url(../img/clickio.png) no-repeat;
	width: 93px;
	height: 23px;	
}

#chinezu-title
{
	background: url(../img/chinezu.png) no-repeat;
	width: 111px;
	height: 23px;	
}

#widget-bloggeri
{
	background: url(../img/widgets-title.png) no-repeat;
	width: 235px;
	height: 23px;
}

#footer
{
	width: 914px;
	margin: auto;
	position: relative;
	margin-top:20px;
	padding-left: 14px;
}

#footer-links
{
	list-style: none;
	border-top: 1px solid #f2dba4;
	padding-top: 10px;
	padding-left: 20px;
}

#footer-links li
{
	float: left;
	height: 1%;
	margin-right: 20px;
	list-style: none;
}

#bloggers
{
	width: 935px;
	margin: auto;
}

.blogger
{
	width: 175px;
	height: 221px;
	background: url(../img/bloggers.jpg) no-repeat;
	display: block;
	float: left;
	margin-right: 15px;
}

#manafu
{
	background-position: 0px 0px;
}

#b2
{
	background-position: -189px 0px;
}

#b3
{
	background-position: -381px 0px;
}

#b4
{
	background-position: -571px 0px;
}

#denisuca
{
	background-position: -760px 0px;
}

.codebox
{
	width: 545px;
	background: url(../img/codebox-bg.png) repeat-y;
}

.codebox textarea.code
{
	padding: 0px 20px;
	width: 500px;
	height: 130px !important;
	margin: auto;
	height: auto;
	background: none;
	border: none;
	font-size: italic 11px Arial, Helvetica, sans-serif;
	color: #585858;
}

.codebox textarea.message
{
	padding: 0px 20px;
	width: 500px;
	height: 130px !important;
	margin: auto;
	height: auto;
	background: none;
	border: none;
	font-size: 24px;
	font-weight: lighter;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
}

.codebox-top
{
	width: 545px;
	height: 12px;
	background: url(../img/codebox-top.png) no-repeat;
}

.codebox-bottom
{
	width: 545px;
	height: 12px;
	background: url(../img/codebox-bottom.png) no-repeat;
}

.input
{
	width: 545px;
	height: 44px;
	background: url(../img/input-bg.png) no-repeat;
}

.input input
{
	padding: 8px 10px;
	background: none;
	border: none;
	font-size: 24px;
	font-weight: lighter;
	color: #333;
	width: 525px;
}

#easyTooltip{
	padding:5px 10px;
	border:1px solid #195fa4;
	background:#195fa4 url(../images/bg.gif) repeat-x;
	color:#fff;
	z-index: 10;
}

#easyTooltip2{
	color:black;
	width: 260px;
	height: 163px;
	z-index: 1000;
	text-align: left;
	background: transparent url(../img/bg-tooltip.png) no-repeat;
}

#easyTooltip2 p{
	margin: 40px 20px 20px 20px;
	line-height:18px;
}

.mg1{
	margin-bottom: -8px; margin-right:5px;
}

.mg2{
	padding-top: 25px;
}

.mg22{
	padding-top: 6px;
}

.mg3{
	padding-left: 6px;
}

.mg4{
	margin: 0px 10px;
	color: #e5bb57;
	text-shadow: none;
}

#column1 li{
	list-style: url(../img/bullet.png);
	line-height: 20px;
}

h3{
	font: bold 15px Arial;
	margin-top: 25px;
	color: #503b28;
}

.box{
	float: left;
	width: 276px;
}

.box-top{
	background: url(../img/bg-box.png) no-repeat top left;
	width: 276px;
	height: 257px;
}

.bloggeri{
	display: block;
	background: url(../img/bloggerii.png) no-repeat;
	width: 276px;
	height: 69px;
	text-indent: -1000px;
}

.rez-concurs{
	display: block;
	background: url(../img/rezultatele-concursului.png) no-repeat;
	width: 276px;
	height: 69px;
	text-indent: -1000px;
}

.marea{
	display: block;
	background: url(../img/marea-extragere.png) no-repeat;
	width: 276px;
	height: 69px;
	text-indent: -1000px;
}

.ultimi{
	display: block;
	background: url(../img/top-concurenti.png) no-repeat;
	width: 276px;
	height: 69px;
	text-indent: -1000px;
}

.box-top p{	
	padding: 0px 30px;
	margin: 0px;
	color: #f9eed2;
	font: bold 11px/19px Arial;
	text-shadow: #a86615 1px -1px 0px;
	clear: both;
}

.box-top p.big{	
	padding: 0px 30px;
	margin: 0px;
	color: #efead9;
	font: bold 14px/19px Arial;
	text-shadow: #a86615 1px -1px 0px;
	clear: both;
}

.box-top p a{
	color: #ffefd5;
	font: bold 11px/19px Arial;
}

.box-top p a:hover{
	text-decoration: none;
	color: #eed9bd;
}

.box-top p img{
	margin-right: 15px;
}

.clear{
	clear: both;
}

.bgboxfacebook{
	margin-left: 20px; 
	width:327px;
	background: url(../img/bg-facebook.png) no-repeat;
	height:205px;
	padding-top:11px;
	padding-left:14px;
}

.boxuri{
	width: 552px;margin:auto;
}

.bigleft{
	float: left;
	display: block;
	width: 170px;
	padding-top: 7px;
	padding-left: 30px;
}

.bigright{
	float: right;
	display: block;
	width: 50px;
	text-align: right;
	margin-right: 20px;
	color: #efead9;
	font: bold 14px/19px Arial;
}

.bigright p{
	padding: 0px;
}


.premiu{
	display: block;
	width: 226px;
	height: 278px;
	float: left;
	margin-right: 5px;
}

.premiu p{
	padding: 10px 20px;
	color: white;
	font: 13px/19px Arial;
}

.premiu img{
	margin-bottom: 8px;
}

.punu{
	background: url(../img/premiul1.jpg) no-repeat;
	margin-left: 14px;
}

.pdoi{
	background: url(../img/premiul2.jpg) no-repeat;
}

.ptrei{
	background: url(../img/premiul3.jpg) no-repeat;
}

.ppatru{
	background: url(../img/premiul4.jpg) no-repeat;
	margin: 0px;
}
