*
{
  padding: 0;
  margin: 0;
  outline: none;
}
a:focus { outline: none; }
.left { float: left; }
.right { float: right; }
a img { border: 0px; }
.relative { position: relative; }
.absolute { position: absolute; }
.clear { clear: both; }
.cufon
{
  z-index: 0;
}
#overlay
{
  background-color: #fff;
  opacity: 0.7;
  filter: alpha(opacity=70);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 200;
  height: 100%;
  width: 100%;
}
#modalCont
{
  left: 0;
  top: 225px;
  z-index: 201;
  width: 100%;
  position: absolute;
}
#modal
{
  width: 400px;
  height: 190px;
  margin: 0 auto;
  padding: 15px;
  background: transparent url(../images/modal-bg.png) no-repeat 0 0;
}
#modal #close
{
  cursor: pointer;
  width: 28px;
  height: 24px;
  float: right;
  background: transparent url(../images/modal-x.png) no-repeat scroll 0 0;
}
#modal p
{
  margin-top: 20px;
  font-size: 13px;
  color: #fff;
  text-align: center;
}
ul.no-style
{
  list-style-type: none;
}
html { min-height: 100%; }
body
{
  background: #d8b1d0 url(../images/bg.jpg) scroll no-repeat top center;
  font-family: Arial, sans-serif;
  position: relative;
  min-height: 100%;
}
#page
{
  width: 960px;
  margin: 0 auto;
  padding-top: 1px;
}
div.top div.logo
{
  margin: 22px 0px 0px 43px;
}
div.top div.login
{
  z-index: 100;
  margin: 11px 22px 0px 0px;
}
div.top div.text, div.top div.login a.logout
{
  font-size: 11px;
  color: #890053;
}
div.top div.login div.elements
{
  z-index: 100;
  display: none;
  top: -2px;
  right: -19px;
}
div.top div.login:hover > div.elements
{
  display: block;
}
div.top div.login div.loginBox
{
  width: 282px;
  height: 71px;
  background: transparent url(../images/login-bg.png) scroll no-repeat 0 0;
  padding: 38px 14px 0px 14px; 
}
div.top div.login label
{
  color: #fff;
  font-size: 11px;
  font-weight: bold;
  display: block;
  margin-right: 5px;
  margin-bottom: 4px;
}
div.top div.login div.input
{
  width: 104px;
  height: 24px;
  background: transparent  url(../images/login-input.png) no-repeat scroll 0 0; 
  padding: 0px 7px 0px 7px;
  margin-right: 7px;
  *margin-right: 4px;
}
div.top div.login div.input input
{
  width: 104px;
  height: 16px;
  font-size: 12px;
  background: transparent;
  border: none;
}
div.top div.login div.loginBox input.submit
{
  height: 24px;
  width: 28px;
  background: transparent url(../images/login-submit.png) no-repeat scroll 0 0;
  cursor: pointer;
  border: 0px;
} /*\*/ * html div.top div.login div.loginBox input.submit { background-image: url(../images/login-submit.gif); } /**/
div.top div.login div.loginBox table a.link
{
  margin-top: 5px;
  display: block;
}
div.top div.login div.loginBox input.submit:hover
{
  background-position: 0px -24px;
}
div.top div.login div.loginBox p
{
  font-size: 12px;
  color: #fff;
  margin-bottom: 5px;
}
div.login div.contNou
{
  width: 282px;
  height: 373px;
  background: transparent url(../images/new-account.png) scroll no-repeat 0 0;
  padding: 33px 14px 0px 14px;
}
div.login div.contNou p
{
  font-size: 11px;
  color: #fff;
  font-weight: bold;
}
div.login div.contNou p a
{
  color: #ffa8dc;
  text-decoration: underline;
  font-weight: bold;
}
div.top div.login div.contNou table
{
  margin-top: 15px;
}
div.top div.login div.contNou table td
{
  padding-bottom: 5px;
}
div.top div.login div.contNou div.input input
{
  margin-top: 2px;
}
div.top div.login div.contNou div.checkbox
{
  width: 17px;
  height: 18px;
  background: transparent url(../images/checkbox.png) scroll no-repeat 0 -18px;
  cursor: pointer;
  margin-right: 12px;
}
div.top div.login div.contNou div.active
{
  background-position: 0px 0px;
}
div.contNou td
{
  color: #fff;
  font-size: 11px;
  font-weight: bold;
}
div.contNou input.submit
{
  width: 166px;
  margin: 0 auto;
  display: block;
  height: 35px;
  border: 0;
  background: transparent url(../images/inregistreaza-te.png) no-repeat scroll 0 0;
  cursor:pointer;
  margin-top: 20px;
}
div.contNou input.submit:hover
{
  background-position: 0px -35px;
}
div.menu div.menu
{
  margin-top: 7px;
  height: 30px;
  background: transparent url(../images/menu-bg.png) scroll no-repeat top center;
  padding-top: 4px;
  *padding-top: 6px;
  *height: 28px;
}
div.menu div.menu ul li
{
  float: left;
  margin-right: 12px;
}
div.menu div.menu ul li.last
{
  margin-right: 0px;
}
div.menu div.menu ul li a
{
  color: #890053;
  font-size: 12px;
  text-decoration: none;
}
div.menu div.submenus
{
  *margin-left: 60px;
  height: 20px;
}
div.menu div.menu ul li a:hover, div.menu div.menu ul li a.active
{
  color: #4f1e3c;
}
div.menu div.submenus ul li
{
  float: left;
}
div.menu div.submenus ul li a
{
  color: #890053;
  font-size: 11px;
  text-decoration: none;
  margin-right: 12px;
  display: inline-block;
}
div.menu div.submenus ul li a:hover
{
  text-decoration:underline;
}
div.menu div.submenus ul
{
  display: none;
}
div.content
{
  padding-top: 1px;
  margin-top: 10px;
  padding: 0px 15px 0px 30px;
}
div.content div.oglinda
{
  width: 194px;
  height: 276px;
  background: transparent url(../images/oglinda.png) no-repeat scroll 0 0;
  top: 0;
  right: -30px;
  padding: 72px 90px 37px 90px;
}
div.content div.oglinda div.screenshot
{
  right: -40px;
  top: -20px;
}
div.content div.oglinda h2
{
  font-size: 20px;
  font-weight: normal;  
  color: #7b0b4f;
}
div.content div.oglinda h2 span
{
  font-size: 28px;
  font-weight: normal;
  color: #7b0b4f;
}
div.content div.oglinda p
{
  font-size: 12px;
  color: #30001c;
  line-height: 18px;
  margin-top: 15px;
}
div.content div.oglinda a.participa
{
  display: block;
  width: 170px;
  height: 39px;
  text-indent: -5000px;
  background: transparent url(../images/participa-acum.png) scroll no-repeat 0 0;
  margin: 0 auto;
  margin-top: 10px;
}

div.content div.oglinda a.participa:hover
{
  background-position: 0px -39px;
}
div.content a.participamare
{
  display: block;
  width: 204px;
  height: 64px;
  text-indent: -5000px;
  background: transparent url(../images/participa.png) scroll no-repeat 0 0;
  margin: 0 auto;
  margin-top: 10px;
}
div.content a.participamare:hover
{
  background-position: 0px -64px;
}
div.content div.box div.text
{
  width: 300px;
  margin-left: 25px; 
}
div.content div.box h2
{
  font-size: 22px;
  color: #912d6a;
  font-weight: normal;
  margin-bottom: 10px;
}
div.content p
{
  line-height: 25px;
  color: #30001c;
  font-size: 12px;
}
div.footer
{
  width: 921px;
  margin: 0 auto;
  margin-top: 60px;
  background: transparent url(../images/footer-bg.png) scroll no-repeat 0 0;
  height: 24px;
  padding-top: 10px;
  padding-bottom: 50px;
}
div.footer li
{
  float: left;
  margin-right: 10px;
}
div.footer li.last
{
  margin-right: 0px;
}
div.footer li, div.footer li a
{
  color: #482e3e;
  font-size: 10px;
  text-decoration: none;
}
h1.virtualstyle
{
  padding-top: 50px;
  text-indent: -5000px;
  background: transparent url(../images/concurs-virtual-style-h1.png) scroll no-repeat bottom center;
  height: 79px;
  width: 227px;
}
h1.despre-avon-color
{
  padding-top: 50px;
  text-indent: -5000px;
  background: transparent url(../images/despre-avon-color.png) scroll no-repeat bottom center;
  height: 73px;
  width: 232px;
  margin-bottom: 20px;
}
div.pics { width: 172px; margin: 0 auto; }
div.pics div.pic
{
  padding: 3px;
  width: 71px;
  height: 91px;
  overflow: hidden;
  background: #fff;
  margin: 0px 10px 10px 0px;
}
div.pics div.pic img { border: 1px solid #e8e8e8;width: 69px; }
div.produse { width: 910px; height: 370px; }
div.produs
{
  width: 444px;
  min-height: 243px;
  background: transparent url(../images/produs-bg.png) no-repeat scroll 0 0;
} /*\*/ * html div.produs { height: 243px; } /**/
div.produs div.text
{
  width: 265px;
  right: 20px;
  top: 25px;
}

div.produs div.text h2
{
  color: #912d6a;
  font-size: 22px;
  margin-bottom: 15px;
}
 a.brosura
{
  background: transparent url(../images/rasfoieste-brosura.png) scroll no-repeat 0 0;
  display: block;
  height: 64px;
  width: 259px;
  text-indent: -5000px;
  margin: 0 auto;
  margin-top: 25px;
}
a.brosura:hover
{
  background-position: 0px -64px;
}
h1.mascara-super-extended
{
  padding-top: 50px;
  text-indent: -5000px;
  background: transparent url(../images/mascara-super-extended.png) scroll no-repeat bottom center;
  height: 78px;
  width: 242px;
  margin-bottom: 20px;
}
h1.trei-in-unu-big
{
  padding-top: 50px;
  text-indent: -5000px;
  background: transparent url(../images/3-in-1-big.png) scroll no-repeat bottom center;
  height: 79px;
  width: 148px;
  margin-bottom: 20px;
}
a.galerie
{
  width: 170px;
  height: 33px;
  background: transparent url(../images/vezi-galerie.png) scroll no-repeat 0 0;
  text-indent: -5000px;
  display: block;
}
a.galerie:hover
{
  background-position: 0px -33px;
}
h2.avon
{
  color: #912d6a;
  font-size: 32px;
  margin-top: 50px;
}
h1.galerie
{
  padding-top: 50px;
  text-indent: -5000px;
  background: transparent url(../images/galerie.png) scroll no-repeat bottom center;
  height: 79px;
  width: 215px;
  margin-bottom: 20px;
}
div.galerie div.picC
{
  margin-bottom: 20px;
}
div.galerie div.picC span.label
{
  display: block;
  text-align: center;
  width: 141px;
  color: #30001c;
  font-size: 14px;
}
div.galerie div.pic
{
  margin-bottom: 10px;
  margin-right: 40px;
  padding: 8px;
  background-color: #fff;
  width: 125px;
}
div.pic ul
{
  width: 76px;
  margin: 0 auto;
}
div.pic ul li
{
  float: left;
  background: #fff url(../images/stars.png) scroll no-repeat -12px 0;
  width: 12px;
  height: 11px;
  cursor: pointer;
}
div.pic ul li.active
{
  background-position: 0 0;
}
div.pagination
{
  width: 230px;
  margin: 0 auto;
}
div.pagination div.num
{
  *padding-top: 4px;
  margin-right: 10px;
}
div.pagination div.num a
{
  color: #a30061;
  font-size: 12px;
  text-decoration: none;
}
div.pagination div.num a:hover
{
  font-weight: bold;
}
div.pagination div.cur
{
  color: #6e0041;
  font-size: 12px;
  font-weight: bold;
  padding-top: 4px;
}
div.pagination div.next
{
  margin-left: 5px;
}
div.pagination div.prev
{
  margin-right: 15px;
}
h1.talent
{
  padding-top: 50px;
  text-indent: -5000px;
  background: transparent url(../images/ai-talent.png) scroll no-repeat bottom center;
  height: 114px;
  width: 560px;
  margin-bottom: 20px;
}
a.test
{
  display: block;
  width: 210px;
  height: 64px;
  background: transparent url(../images/fa-ti-testul-btn.png) scroll no-repeat 0 0;
  text-indent: -5000px;
  margin: 0 auto;
}
a.test:hover
{
  background-position: 0px -64px;
}
h1.talent2
{
  padding-top: 50px;
  text-indent: -5000px;
  background: transparent url(../images/ai-talent2.png) scroll no-repeat bottom center;
  height: 67px;
  width: 606px;
  margin-bottom: 20px;
}
#poze h2
{
  color: #6b254f;
  font-size: 30px;
}
div.reztest h2
{
  color: #5c2145;
  font-size: 20px;
  margin-bottom: 20px;
}
div.reztest a.reprezentant
{
  width: 314px;
  height: 64px;
  display: block;
  background: transparent url(../images/reprezentant.png) scroll no-repeat 0 0;
  text-indent: -5000px;
  margin: 0 auto;
  margin-top: 10px;
}
div.reztest a.reprezentant:hover
{
  background-position: 0px -64px;
}

div.reztest a.concurs
{
  width: 227px;
  height: 64px;
  display: block;
  background: transparent url(../images/concurs-virtual-style.png) scroll no-repeat 0 0;
  text-indent: -5000px;
  margin: 0 auto;
  margin-top: 30px;
}
div.reztest a.concurs:hover
{
  background-position: 0px -64px;
}


div.content .trimite
{
  width: 95px;
  margin: 0 auto;
  display: block;
  height: 35px;
  border: 0;
  background: transparent url(../images/trimite.png) no-repeat scroll 0 0;
  cursor:pointer;
  text-indent: -5000px;
  float:left;
}
div.contNou .trimite:hover
{
  background-position: 0px -35px;
}
#emnl {  background: transparent  url(../images/input-big.png) no-repeat scroll 0 0; border:0 ;padding: 5px; width:272px; height: 24px;margin-left:10px;}

h1.quiz-start
{
  padding-top: 50px;
  width: 318px;
  height: 79px;
  background: transparent url(../images/quiz.png) scroll no-repeat bottom center;
  display: block;
  text-indent: -5000px;
  margin-bottom: 20px;  
}
div.intrebare, div.intrebaree
{
  text-align: center;
  width: 262px;
  padding: 17px 10px 0px 10px;
  height: 146px;
  background: transparent url(../images/quiz-bg.png) scroll no-repeat 0 0;
  margin-right: 20px;
  margin-bottom: 20px;
  
}
div.intrebare h2
{
  display: inline;
  color: #30001c;
  font-size: 14px;
  line-height: 15px;
  font-weight: normal;
}
div.intrebare label
{
  font-size: 12px;
  line-height: 12px;
  color: #912d6a;
  display: block;
}
div.intrebare td
{
  text-align: left;
  v-align: middle;
}
div.intrebare td input
{
  margin-right: 14px;
}
input.rezultat
{
  display: block;
  width: 189px;
  height: 64px;
  text-indent: -5000px;
  background: transparent url(../images/vezi-rezultat.png) scroll no-repeat 0 0;
  margin: 0 auto;
  margin-top: 40px;
  cursor: pointer;
  border: none;
}
input.rezultat:hover
{
  background-position: 0px -64px;
}
h1.quiz-rezultat
{
  padding-top: 50px;
  width: 318px;
  height: 79px;
  background: transparent url(../images/quiz-rezultat.png) scroll no-repeat bottom center;
  display: block;
  text-indent: -5000px;
  margin-bottom: 20px;  
}
div.sidebar
{
  width: 297px;
  height: 299px;
  background: transparent url(../images/sidebar.png) no-repeat scroll 0 0;
  padding: 25px 10px 10px 10px;
}
div.sidebar h2
{
  display: block;
  width: 100%;
  text-align: center;
  font-size: 16px;
  color: #30001c;
}
div.recomandari
{
  width: 100%;
  text-align: center;
  font-size: 13px;
  color: #912d6a;
  line-height: 30px;
}
h1.contact
{
  padding-top: 50px;
  text-indent: -5000px;
  background: transparent url(../images/contact.png) scroll no-repeat bottom center;
  height: 45px;
  width: 160px;
}
h1.castigatori
{
  padding-top: 50px;
  text-indent: -5000px;
  background: transparent url(../images/castigatori.png) scroll no-repeat bottom center;
  height: 79px;
  width: 209px;
}
div.castigatori
{
  padding-top: 18px;
  width: 583px;
  height: 284px;
  text-align: center;
  color: #30001c;
  font-size: 14px;
  line-height: 32px;
  background: transparent url(../images/castigatori-bg.png) scroll no-repeat 0 0;
}
.contact label { font-size: 12px; color: #912d6a; }

.telcor div.input
{
  background: transparent url(../images/telcor.png) scroll no-repeat 0 0;
  width: 216px;
  height: 24px;
}
.telcor div.input input
{
  margin-left: 4px;
  width: 206px;
  background: none;
  border: 0px;
}
.telcor td
{
  padding: 0px 20px 10px 0px;
}
.telcor label
{
  font-size: 11px;
  color: #912d6a;
  display: inline-block;
  padding-left: 5px;
}
div.testimoniale
{
  width: 365px;
  height: 157px;
  margin-top: 15px;
  padding-top: 49px;
  padding-left: 4px;
  background: transparent url(../images/testimoniale.png) no-repeat scroll 0 0;
}
div.testimoniale div.testimonial
{
  width: 333px;
  min-height: 39px;
  padding: 5px 0px 0px 9px;
}/*\*/ * html div.testimoniale div.testimonial { height: 39px; } /**/
div.row0
{
  background-image: url(../images/row0.png);
  background-repeat: no-repeat;
}
div.row1
{
  background-position: -342px 0px !important;
}
div.testimoniale div.testimonial a
{
  padding-left: 37px;
  display: block;
  height: 31px;
  background: transparent url(../images/testimonial.png) no-repeat scroll 0 0;
  font-size: 12px;
  color: #30001c;
  text-decoration: none;
}
div.testimoniale div.testimonial a span
{
  font-size: 14px;
  color: #ac0a6a;
}
div.testimoniale div.testimonial p
{
  margin: 0;
  padding: 0;
  color: #30001c;
}
.field {
	background: transparent;
	border: 0;
	width: 205px;
	color: #000;
	margin: 3px;
	font-size: 11px;
}
.messages {color:red;padding: 4px; border: 1px solid #ddd; margin-bottom: 5px;}