/*
GENERAL
*/
body, body a, body input, body textarea {font-family: "Arial",Helvetica,sans-serif;}
body input, body textarea, body p {font-size: 12px;}
body a {text-decoration: none;color:#7E9FD2;}
body a:hover {text-decoration: underline;}
html {min-height:100%;height:auto;}
body {float:left;min-width:100%;background: #0099CC url(../images/intro-px-bg.png) 0 255px repeat-x;}
.menu li ,.menu a {float:left;}
#home, #continut {background: #A9EAFB url(../images/intro-px-bg.png) 0 0 repeat-x;}
#home .content-wrap, #continut .content-wrap{background: url(../images/intro-backg.png) 50% bottom no-repeat;float:left;min-width:100%;}
#continut .inner-wrap {
	width:980px;
	margin:0 auto;
}
/*HEADER*/
.header {position:absolute;top:0;width:1087px;z-index:100;}
a.logo {
    text-indent: -10000px;
	float: left;
    width: 257px;
    height:140px;
    background: url(../images/logo.png) left top no-repeat;
	margin:13px 229px 0 35px;
}
#home a.logo {
	background: url(../images/logo-mare.png) 0 0 no-repeat;
	width:373px;
	height:228px;
	margin:127px 34px 0 0;
}

 
#continut a.logo {width:383px;height:202px;background: url(../images/logo-mare.png) 0 0 no-repeat;margin:127px 17px 0 0;}

.main {margin:6px 0 0 0;}
.main li{margin:0 10px 0 0;}
.header .main li.second {margin:0 30px 0 0;}
.header .main li.last {margin-right:0;}
.main li a, #home .intro a.vreau, .oul-meu .menu li.last a{
	font-family:Helvetica, Arial, sans-serif;
	font-size:19px;
	font-weight:bold;
	text-align:center;
	line-height:45px;
	color:#FFFFFF;
	width:150px;
	height:45px;
	text-shadow:#14A1D0 0 1px 0;
	background: url(../images/main-buttons.png) 0 0 no-repeat;
}
.main li a:hover{background-position:0 -47px;text-decoration:none;}
.header .main li.last a, .oul-meu .menu li.last a{width:188px;text-align:left;text-shadow:#A2C520 0 1px 0;background-position:-160px 0;padding-left:12px;}
.header .main li.last a:hover {background-position:-160px 0;text-decoration:underline;}
#home .main {margin:6px 0 52px 0;float:left;}
#continut .main {margin:26px 0 33px;float:left;padding:0 0 0 50px;}

/*slide pe pagina cu toate ouale*/
#tab1 .header .nav {float:left;padding:6px 0 0;}
.header .nav {float:left;padding:6px 0 0 44px;}
.header .nav li {margin:0 10px 0 0;}
.header .nav a {width:50px;height:45px;background: url(../images/nav.png) 0 0 no-repeat;text-indent:-1000000px;}
.header .nav a:hover {background-position:0 -45px;}
.header .nav a.right {background-position:-60px 0;}
.header .nav a.right:hover {background-position:-60px -45px;}

/*MIDDLE*/
#continut .content {width:580px;float:left;position:relative;background: url(../images/long-loop.png) 7px 0 no-repeat;}
.middle-wrap{width:1528px;overflow:visible;position:relative;}
.middle {position:absolute;}
.ouale {width:1322px;float:left;background: url(../images/bg-tab2.png) 0 bottom no-repeat;position:relative;}
.ouale br {clear:left;}
.ouale .punctatu {background: url(../images/punctatu2.png) 0 0 no-repeat;overflow:hidden;}
.middle #tab1 {background: url(../images/bg-tab1.png) 0 bottom no-repeat;width:1528px;}
.middle #tab1 .punctatu{background: url(../images/punctatu.png) 0 0 no-repeat;overflow:hidden;}
/*ouale*/
.ou{float:left;height:263px;overflow:hidden;}
.ou .egg-wrap{
	width:168px;
	display:table-cell;
	vertical-align: middle;
	height:250px;
}
.ou h2 a{
	font-family:Helvetica, Arial, sans-serif;
	font-weight:bold;
	font-size:17px;
	color:#FFFFFF;
	padding:0 13px 3px;
	width:142px;
	overflow:hidden;
	/*width:138px;
	height:163px;
	padding:84px 15px 0;*/
	text-align:center;
	display:block;
	font-style:italic;
	
}
.ou h2 a:hover{text-decoration:none;}
.ou span{
	font-family:Helvetica, Arial, sans-serif;
	font-size:11px; 
	color:#FFFFFF;
	text-shadow:rgba(0,0,0, 0.5) 0 1px 0;
	display:block;
	text-align:center;
	width:167px;
}
.ou span a{color:#FFFFFF;font-weight:bold;} 

/*pozitia oualor pe pagina*/
.ou1 {margin:157px 121px 0 15px;}
.ou2 {margin:161px 134px 0 0;}
.ou3 {margin:103px 0 0;}
.ou4 {margin:19px 79px 0 89px;}
.ou5 {margin:128px 88px 0 0;}
.ou6 {margin:77px 66px 0 0;}
.ou7 {margin:7px 61px 0 0;}
.ou8{margin:108px 0 0;}

/*pozitia oualor in primul tab*/
#tab1 .ou1 {margin:157px 121px 0 109px;}
#tab1 .ou2 {margin:161px 134px 0 0;}
#tab1 .ou3 {margin:103px 0 0;}
#tab1 .ou4 {margin:19px 322px 0 191px;}
#tab1 .ou5 {margin:77px 88px 0 0;}
#tab1 .ou6 {margin:6px 66px 0 0;}
#tab1 .ou7 {margin:108px 0 0 0;}

/*culorile oalor*/
.ou .galben {background: url(../images/galben.png) 0 0 no-repeat;}
.ou .verde {background: url(../images/verde.png) 0 0 no-repeat;}
.ou .portocaliu {background: url(../images/portocaliu.png) 0 0 no-repeat;}
.ou .rosu {background: url(../images/rosu.png) 0 0 no-repeat;}
.ou .mov {background: url(../images/mov.png) 0 0 no-repeat;}
.ou .albastru {background: url(../images/albastru.png) 0 0 no-repeat;}
.ou .roz {background: url(../images/roz.png) 0 0 no-repeat;}
.ou .rozaliu {background: url(../images/rozaliu.png) 0 0 no-repeat;}
.ou .rosu-deschis {background: url(../images/rosu-deschis.png) 0 0 no-repeat;}
.ou .verde-nchis {background: url(../images/verde-nchis.png) 0 0 no-repeat;}
.ou .maro {background: url(../images/maro.png) 0 0 no-repeat;}
.ou .albastru-ciclam {background: url(../images/albastru-ciclam.png) 0 0 no-repeat;}

/*intro page*/
#home .content {width:980px;margin:0 auto;position:relative;}
#home .intro {width:504px;float:left;background: url(../images/loop.png) 0 0 no-repeat;padding:20px 0 0 53px;}

/*text alb, Helvetica, cu shadow*/
#home .intro h1, #home .intro p,  .regulament strong, 
 .descrierea h1,  .descrierea p,  .regulament a,  .descrierea span, 
.inregistrare strong, .inregistrare .nume-culoare span, .inregistrare form .buttons input, .inregistrare form .buttons span, .inregistrare form .buttons a,
.ou-gata .slide .mask li span, .ou-gata .slide .mask h3, .ou-gata .slide .mask h3 a, .ou-gata .slide .mask h2 a,
.share a, .modal h1, .modal h1   {font-family:Helvetica, Arial, sans-serif;font-weight:bold;color:#FFFFFF;text-shadow:rgba(0,0,0,0.20) 0 1px 0;}

#home .intro h1 {clear:both;font-size:30px;margin:0 0 23px 0;}
#home .intro p {font-size:23px;line-height:130%;margin:0 0 30px 0;}
#home .intro a.vreau {
	width:208px;
	padding-left:16px;
	background: url(../images/intro-buton.png) 0 0 no-repeat;
	float:left;
	text-align:left;
	text-shadow:rgba(0,0,0,0.20) 0 1px 0;
	margin:16px 0 90px;
	height:48px;
	line-height:48px;
}
#home.error .intro a.vreau{margin:16px 0 114px;}
.intro p a {color:#FFFFFF;}

/*continut*/
.regulament {width:520px;clear:both;float:left;}
.regulament strong {font-size:30px;padding:20px 34px 0 11px;float:left;}
.descrierea {width:520px;float:left;}
#home .descrierea h1 {font-size:19px;}
.descrierea h1.first {margin-top:0;}
#home .descrierea p {font-size:12px;line-height:150%;}
#home .descrierea p.last {margin-bottom:0;}
.descrierea span{
	font-size:16px;
	font-style:italic;
	width:520px;
	height:32px;
	line-height:25px;
	background: url(../images/mesajul-meu.png) 0 0 no-repeat;display:block;
	padding-left:25px;
	margin:0 0 30px 0;
}
.descrierea ul li {width:150px;margin:0 0 17px 0;}
.descrierea ul li.last {width:70px;}
.descrierea ul li a {font-size:14px;}
.descrierea a.prin-twitter, .regulament a.pe-site,.inregistrare form .buttons.avem-twitter a {
	padding:0 0 0 59px;
	font-size:19px;
	width:171px;
	height:45px;
	background: url(../images/regulament-butons.png) -1px 0 no-repeat;
	display:block;
	clear:both;
	line-height:45px;
	float:left;
} 
.descrierea a.prin-twitter {margin:6px 0 38px;}
.regulament a.pe-site{background: url(../images/pe-site.png) 0 0 no-repeat;margin:16px 0 0 0;text-shadow:#A1BB40 0 1px 0;width:172px;}

/*INREGISTRARE*/
/*alege oul*/

.inregistrare {clear:both;padding:0 0 0 44px;}
.inregistrare strong,.inregistrare form .buttons input,.inregistrare form .buttons span,.alege-culoarea li div  {font-size:19px;}
.alege-culoarea, .alege-mesaj {width:580px;float:left;clear:both;}
.alege-culoarea {margin:0 0 18px 0;}
.alege-mesaj {}
.alege-culoarea a {width:56px;height:83px;text-indent:-10000px;margin:13px 0 0 8px;}
.alege-culoarea strong {width:auto;float:left;padding:0 0 0 13px;margin:0 0 32px 0;font-size:15px;}
.alege-culoarea ul {width:470px;float:left;padding:0;margin:0 0 4px 0;}
.alege-culoarea li {width:70px;height:103px;position:relative;margin:0 7px 9px 0;}
.alege-culoarea li.hovered {background: url(../images/hovered-egg.png) 0 0 no-repeat;}
.alege-culoarea li.last{margin-right:0;}
.alege-culoarea li div {position:absolute;width:71px;height:51px;/*background: url(../images/text-ou.png) 0 0 no-repeat;*/top:47px;}
.alege-culoarea li div span {display:block;text-align:center;font-size:11px;}

/*culorile oualor pagina inregistrare*/
.inregistrare a.galben  {background: url(../images/galben-mic.png) 0 0 no-repeat;}
.inregistrare a.verde {background: url(../images/verde-mic.png) 0 0 no-repeat;}
.inregistrare a.portocaliu {background: url(../images/portocaliu-mic.png) 0 0 no-repeat;}
.inregistrare a.rosu {background: url(../images/rosu-mic.png) 0 0 no-repeat;}
.inregistrare a.mov {background: url(../images/mov-mic.png) 0 0 no-repeat;}
.inregistrare a.albastru {background: url(../images/albastru-mic.png) 0 0 no-repeat;}
.inregistrare a.roz {background: url(../images/roz-mic.png) 0 0 no-repeat;}
.inregistrare a.rozaliu {background: url(../images/rozuliu-mic.png) 0 0 no-repeat;}
.inregistrare a.rosu-deschis {background: url(../images/rosu-deschis-mic.png) 0 0 no-repeat;}
.inregistrare a.verde-nchis {background: url(../images/verde-nchis-mic.png) 0 0 no-repeat;}
.inregistrare a.maro {background: url(../images/maro-mic.png) 0 0 no-repeat;}
.inregistrare a.albastru-ciclam {background: url(../images/albastru-ciclam-mic.png) 0 0 no-repeat;}

/*PAGINA OULUI*/
.oul-meu .menu li.last a {}
.ou-gata{clear:both;padding:39px 0 0 70px;}
.ou-gata .slide {width:481px;clear:both;position:relative;float:left;margin:0;}
.ou-gata .slide a.stanga, .ou-gata .slide a.dreapta {width:19px;height:33px;background: url(../images/left-right.png) 0 0 no-repeat;text-indent:-10000px;display:block;position:absolute;top:211px;}
.ou-gata .slide a.stanga {z-index:1000;}
.ou-gata .slide a.stanga:hover {left:-2px;}
.ou-gata .slide a.dreapta {background-position:-21px 0;left:403px;}
.ou-gata .slide a.dreapta:hover {left:405px;}
.ou-gata .slide .mask {width:393px;height:503px;overflow:hidden;position:relative;}
.ou-gata .slide .mask ul {width:10000px;position:absolute;}
.ou-gata .slide .mask ul li {width:328px;height:503px;float:left;padding:0 0 0 65px;}
.ou-gata .slide .mask h2 {letter-spacing:-1px;font-weight:bold;font-size:30px;font-style:italic;text-shadow:none;text-align:center;color:#FFFFFF;padding:0 25px 3px;width:245px;overflow:hidden;}
.ou-gata .slide .mask li span {font-size:15px;font-weight:normal;font-style:italic;display:block;text-align:center;clear:both;padding:13px 25px 15px 0;}
.ou-gata .slide .mask h3 {font-size:25px;font-weight:normal;text-align:center;padding: 0 25px 0 0;}


/*culorile oualor*/
.ou-gata .slide .mask ul li .egg-wrap {
	width:298px;
	height:431px;
	display:table-cell;
	vertical-align:middle;
}
.ou-gata .slide .mask ul li .egg-wrap.galben  {background: url(../images/galben-mare.png) 0 0 no-repeat;}
.ou-gata .slide .mask ul li .egg-wrap.verde {background: url(../images/verde-mare.png) 0 0 no-repeat;}
.ou-gata .slide .mask ul li .egg-wrap.portocaliu {background: url(../images/portocaliu-mare.png) 0 0 no-repeat;}
.ou-gata .slide .mask ul li .egg-wrap.rosu {background: url(../images/rosu-mare.png) 0 0 no-repeat;}
.ou-gata .slide .mask ul li .egg-wrap.mov {background: url(../images/mov-mare.png) 0 0 no-repeat;}
.ou-gata .slide .mask ul li .egg-wrap.albastru {background: url(../images/albastru-mare.png) 0 0 no-repeat;}
.ou-gata .slide .mask ul li .egg-wrap.roz {background: url(../images/roz-mare.png) 0 0 no-repeat;}
.ou-gata .slide .mask ul li .egg-wrap.rozaliu {background: url(../images/rozaliu-mare.png) 0 0 no-repeat;}
.ou-gata .slide .mask ul li .egg-wrap.rosu-deschis {background: url(../images/rosu-deschis-mare.png) 0 0 no-repeat;}
.ou-gata .slide .mask ul li .egg-wrap.verde-nchis {background: url(../images/verde-nchis-mare.png) 0 0 no-repeat;}
.ou-gata .slide .mask ul li .egg-wrap.maro {background: url(../images/maro-mare.png) 0 0 no-repeat;}
.ou-gata .slide .mask ul li .egg-wrap.albastru-ciclam {background: url(../images/albastru-ciclam-mare.png) 0 0 no-repeat;}

/*logo-wrap*/
.logo-wrap {float:left;width:383px;padding:0 17px 0 0;}

/*share*/
.share {width:200px;float:left;padding:55px 0 0 169px;}
.share a {float:left;width:148px;height:32px;line-height:32px;font-size:15px;background: url(../images/share.png) 0 0 no-repeat;padding:0 0 0 52px;margin:0 0 14px 0;}
.share a.site {text-shadow:#7CA625 0 1px 0;background-position:0 0;}
.share a.facebook {text-shadow:#2A4683 0 1px 0;background-position:0 -32px;}
.share a.twitter {text-shadow:#008DC6 0 1px 0;background-position:0 -64px;}
.share a.ciocneste {background: url(../images/ciocneste.png) 0 0 no-repeat;}
/*modal*/
.modal {width:783px;height:541px;background: url(../images/modal.png) 0 0 no-repeat;padding:0 0 0 27px;position:absolute;top:20%;left:25%;z-index:3001;}
.modal .close {float:right;width:30px;height:30px;background: url(../images/modal-inchide.png) 0 0 no-repeat;text-indent:-10000px;margin:10px 9px 0 0;}
.modal .close:hover {background-position:0 -30px;}
.modal .wrap {float:left;width:588px;padding:83px 0 0;}
.modal h1, .modal h2 {font-size:30px;color:#FFFFFF;}
.modal h1 {line-height:130%;margin:0 0 37px 0;}
.modal .wrap h2 {font-size:14px;font-weight:bold;margin:0 0 22px;line-height:150%;}
.modal textarea {
	width:456px;
	height:100px;
	background: url(../images/textarea.png) 0 0 no-repeat;
	font-size:11px;
	color:#000000;
	line-height:130%;
	padding:8px 22px 0;
}

.modal .ou {margin:32px 0 0;}
.modal .ou span {font-size:12px;font-weight:bold;float:right;clear:both;color:#000000;text-shadow:none;}
.whiteOverlay { background-color: #000; }

/*SMALL*/
p.small{font-size:10px!important;padding:0 0 188px 0!important;}
/*FORMS*/
input.submit {cursor:pointer;}
input.submit:hover {text-decoration:none;}
form fieldset label.last, form fieldset span.last {margin-right:0;}
form br {clear: left;}
span.error{color: #FFFF00;font-weight:bold;font-size:15px;padding:0 0 0 15px;}
p.success {text-align:center;}


/*inregistrare*/
.inregistrare form {clear:both;}
.inregistrare form span.text, .inregistrare form input.submit, .inregistrare form label {float:left;}
.inregistrare form span.text,.inregistrare form input.submit, .inregistrare form span.text .ghilimele {background: url(../images/inregistrare-form.png) left top no-repeat;}
.inregistrare form span.text input{}

.inregistrare form label {width: 400px;padding:0 0 0 13px;font-size:15px;margin:0 0 6px;}
.inregistrare form .alege-mesaj label strong {font-size:15px;}
.inregistrare form span.text {width: 450px;height: 45px;margin:0 0 24px 14px;position:relative;}
.inregistrare form span.text .ghilimele {position:absolute;width:20px;height:14px;background-position:-149px -53px;}
.inregistrare form span.text .stanga {left:-24px;}
.inregistrare form span.text .dreapta {right:-25px;top:31px;}
.inregistrare form span.text input {border: 0;background: transparent;padding:3px 0 0 16px;width:430px;height:35px;font-size:15px;font-weight:bold;color:#666666;}
.inregistrare form .buttons {width:450px;float:left;padding:0 0 0 14px;margin:0;}
.inregistrare form .buttons input {
	font-weight:bold;
	width:108px;
	height:45px;
	color:#FFFFFF;
	border:0 none;
	text-align:left;
	padding:0 0 5px 9px;
	margin:0 15px 0 0;
	background-position:-1px -48px;
}
.inregistrare form .buttons input:hover {text-decoration:underline;}
.inregistrare form .buttons span {float:left;margin:11px 13px 0 0;font-weight:normal;}
.inregistrare form .buttons a {float:left;font-size:20px;font-weight:bold;margin:7px 0 0;background: url(../images/inregistrare-twitter.png) right 0 no-repeat;padding:5px 54px 7px 0;}


/*FOOTER*/
.footer {position:absolute;bottom:0;clear:both;left:0;padding:0 0 10px 0;width:1020px;}
#tab1 .footer {width:1222px;} 
.footer .twitter {width:185px;height:82px;text-indent:-10000px;float:left;background: url(../images/footer-twitter.png) 0 0 no-repeat;margin-left:50px;}
.Braintuitive {float:right;width:123px;height:47px;background: url(../images/braintuitive.png) 0 0 no-repeat;text-indent:-1000000px;right:-10px;position:relative;right:-74px;margin:20px 0 0 0;}
#home .Braintuitive, #continut .Braintuitive {position:absolute;bottom:10px;right:44px;}
#continut .Braintuitive {margin:0;right:44px;}