/* ---------- Basic Elements ---------- */
* { margin: 0px; padding: 0px; }
html, body { height: 100%; }
body { background: #FFF url(../images/background_gradient.gif) repeat-x top left; margin: 0px; }
h1, h2, h3, h4 { font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; }
h1 { font-size: 24px; line-height: 26px; }
h2 { font-size: 18px; line-height: 21px; font-style: italic; }
p { font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; line-height: 16px; }
.more { font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none; color: #e885b6; }
.clear { clear: both; }

/* ---------- Layout Styling ---------- */
.aligncenter { width: 940px; margin: auto; }

#top { background: #FFF url(../images/visual_01.jpg) no-repeat top left; height: 460px; position: relative; }
#top02 { background: #FFF url(../images/visual_02.jpg) no-repeat top left; height: 460px; position: relative; }
#top03 { background: #FFF url(../images/visual_03.jpg) no-repeat top left; height: 460px; position: relative; }
#top04 { background: #FFF url(../images/visual_04.jpg) no-repeat top left; height: 460px; position: relative; }
#top05 { background: #FFF url(../images/visual_05.jpg) no-repeat top left; height: 460px; position: relative; }
#top06 { background: #FFF url(../images/visual_06.jpg) no-repeat top left; height: 460px; position: relative; }
#top08 { background: #FFF url(../images/visual_08.jpg) no-repeat top left; height: 460px; position: relative; }

#logo { width: 192px; height: 135px; padding-top: 23px; padding-left: 3px; position: relative; }
#logo #clinique { position: absolute; background: url(../images/clinique.png) no-repeat top left; width: 101px; height: 47px; bottom: 10px; left: 117px; }
#shadow { width: 968px; height: 267px; position: absolute; left: -14px; bottom: -14px; z-index: 1; background-image: url(../images/shadow.png); behavior: url("js/iepngfix.htc"); }
#naked { background: url(../images/naked.jpg) no-repeat top left; position: absolute; width: 137px; height: 280px; bottom: 168px; right: 11px; }
#postit { position: absolute; bottom: 0px; right: 0px; width: 304px; height: 174px; background: url(../images/postit.png) no-repeat top left; behavior: url("js/iepngfix.htc"); }
#spots { position: absolute; top: 195px; left: 215px; width: 290px; height: 252px; background: url(../images/spots.png) no-repeat top left; behavior: url("js/iepngfix.htc"); }
#tittle { width: 260px; position: absolute; left: 30px; bottom: 50px; }
#tittle h1 { font-size: 36px; line-height: 36px; font-style: italic; color: #51c1ea; font-weight: bold; }
#tittle h1 span { font-size: 24px; color: #302f30; }
#tittle p { font-size: 14px; line-height: 18px; font-style: italic; margin-top: 3px; }


#menu { position: absolute; left: 660px; top: 30px; z-index: 2; }
#menu ul { font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none; font-weight: bold; }
#menu ul li { list-style-type: none; }
#menu ul li a { background: url(../images/dotted_blue.gif) repeat-x bottom left; text-decoration: none; color: #999; display: block; padding: 8px 10px 7px 10px; }
#menu ul li a span.soon { color: #E885B6; font-weight: normal; font-style: italic; }
#menu ul li.last a { background: none; text-decoration: none; color: #999; display: block; padding: 8px 10px 7px 10px; }
#menu ul li.active { background: url(../images/dotted_blue.gif) repeat-x bottom left; padding: 8px 10px 7px 10px; }
#menu ul li.activelast { background: none; padding: 8px 10px 7px 10px; }
#menu ul li a:hover { text-decoration: none; }

#content { }
#content #box_01 { width: 320px; float: left; padding-top: 15px; }
#content #box_01 a { color: #000; text-decoration: none; }
#content #box_01 a:hover { color: #000; text-decoration: underline; }
#content #box_01 p { padding-top: 9px; }
#content #box_02 { float: left; width: 300px; height: 169px; background: #FFF url(../images/photo_01.jpg) no-repeat top left; margin-left: 20px; }
#content #box_03 { float: left; width: 300px; }
#content #box_03 #pictureprev { background-color: #FFF; }
#content #box_03 #pictureprev p  { padding-top: 15px; padding-right: 20px; font-size: 12px; line-height: 14px; }
#content #box_03 #pictureprev img  { margin-right: 20px; }

#content #box_03 #testimonial { background: url(../images/ghilimele.png) no-repeat 10px 10px; }
#content #box_03 #testimonial p { font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; font-style: italic; font-size: 18px; line-height: 21px; padding: 12px 20px 0px 20px;}
#content #box_03 #testimonial p span.semnatar { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; font-style: normal; }

#content #primary { float: left; width: 620px; padding-top: 15px; }
#content #map { float: left; width: 620px; padding-top: 15px; }
#content #primary h1 { padding-bottom: 9px; }
#content #primary p { }
#content #primary p span.highlight { padding: 0px; background-color: #e885b6; display: inline; font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; line-height: 21px; color: #FFF; font-style: italic; }
#content #primary p span.jump { background-color: #FFF; }
#content #primary p span.jump a { color: #e885b6; }

#content #primary #prepare { padding-top: 26px; }
#content #primary #prepare #left { width: 300px; float: left; }
#content #primary #prepare #left h2 { font-size: 18px; line-height: 21px; font-style: italic; }
#content #primary #prepare #left p { margin-top: 15px; }
#content #primary #prepare #right { width: 300px; float: right; }
#content #primary #prepare #right p { margin-top: 9px; }

#content #primary #results { padding-top: 26px; }
#content #primary #results ul { margin-left: 30px; margin-top: 10px; }
#content #primary #results ul li { font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; list-style-position: inside; font-style: italic; list-style-image: url(../images/pink_arrow.gif); }

#content #primary p.zona { font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; font-size: 16px; color: #333; padding-top: 5px; padding-bottom: 5px;  }
#content #primary p.head { font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding-top: 5px; padding-bottom: 5px; }
#content #primary table { float: left; }
#content #primary table td { padding-left: 5px; padding-right: 5px; }
#content #primary tr.row { background: url(../images/dotted_grey.gif) repeat-x bottom left; }
#content #primary tr.rowfirst { background: url(../images/square.gif) repeat-x bottom left; }
#content #primary tr.rowfemale { background: #f9e0ed url(../images/dotted_grey.gif) repeat-x bottom left; }
#content #primary tr.rowmale { background: #d2eff9 url(../images/dotted_grey.gif) repeat-x bottom left; }
#content #primary tr.rowlastmale { background-color: #d2eff9; }
#content #primary p.no { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #000; }
#content #primary span.details { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; font-style: italic; }
#content #primary h3.bigpink { font-size: 18px; font-weight: bold; font-style: italic; padding-bottom: 10px; }
#content #primary p.priceabout { font-style: italic; }
#content #primary #left { float: left; width: 340px; }
#content #primary #right { float: right; width: 260px; }
#content #primary #right .line { background: url(../images/dotted_grey.gif) repeat-x center left; height: 41px; }
#content #primary #right #reducere { margin-bottom: 175px; }
#content #primary #right #reducere p { font-size: 24px; line-height: 24px; color: #333; }
#content #primary #right #reducere span.zece { font-size: 36px; line-height: 36px; color: #e885b6; font-weight: bold; }
#content #primary #right #reducere span.both { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 12px; font-style: italic; }
#content #primary #right #legenda { background: url(../images/legenda.gif) no-repeat 0px 5px ; margin-top: 10px; }
#content #primary #right #legenda p { margin-left: 14px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
#content #primary table#foto { margin-top: 20px; }
#content #primary span.split { font-size:18px; font-style:italic; line-height:21px; }

#content #secondary { float: left; width: 300px; margin-left: 20px; padding-top: 15px; }
#content #secondary h3.bigpink { font-size: 18px; font-weight: bold; font-style: italic; padding-bottom: 10px; }
#content #secondary p { font-style: italic; }
#content #secondary p.nonitalic { font-style: normal; }
#content #secondary p span.highlight { background-color:#51c1ea; color:#FFF; display:inline; font-family:Georgia,"Times New Roman",Times,serif; font-size:18px; font-style:italic; line-height:21px; padding:0; }
#content #secondary h1 { padding-bottom: 9px; }
#content #secondary img.bullet { margin-top: 5px; margin-right: 5px; behavior: url("js/iepngfix.htc"); }
#content #secondary .line { background: url(../images/dotted_grey.gif) repeat-x center left; height: 21px; }
#content #secondary p.avertizare { font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; line-height: 16px; color: #000; display: inline; font-style: normal; }
#content #secondary p.avertizare span.atentie { font-size: 24px; font-weight: bold; background-color: #FFF; color: #e885b6; }
#content #secondary h4 { font-size: 24px; margin-top: 20px; }
#content #secondary #certificat img { margin-right: 7px; }
#content #secondary #certificat p { font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; line-height: 16px; }
#content #secondary #certificat #pdf { margin-top: 10px;}
#content #secondary #certificat #pdf img { float: left; margin-top: 3px; }
#content #secondary #certificat #pdf p { font-family:Arial,Helvetica,sans-serif; font-size:12px; font-weight:bold; line-height:14px; list-style-type:none; font-style:normal;  }
#content #secondary #certificat #pdf p a  { color:#000000; text-decoration:none; }
#content #secondary #certificat #pdf p a span { color:#75AACC; font-size:12px; font-style:italic; font-weight:normal; }
#content #secondary #ciclupilos { }
#content #secondary #ciclupilos img { margin-bottom: 10px; }
#content #secondary #ciclupilos h3 { font-size:18px; font-style:italic; font-weight:bold; padding-bottom:10px; }
#content #secondary #ciclupilos p span { font-weight: bold; color: #51c1ea; font-size: 14px; }
#content #secondary #ciclupilos p u { font-size: 14; font-weight: bold; }
#content #secondary p.adress { font-size: 16px; line-height: 18px; }


#promo { background-image: url(../images/promo.png); behavior: url("js/iepngfix.htc"); margin-top: 30px; height: 118px;  }
#promo h1 { font-style: italic; padding-top: 30px; margin-left: 300px; }
#promo h1 span.tel { font-weight: bold; }

#bottom { margin-top: 27px; }

#bottomleft { background: url(../images/elora.png) no-repeat 20px 0px; behavior: url("js/iepngfix.htc"); float: left; width: 300px; height: 203px; }
#bottomleft h2 { margin-left: 150px; font-style: italic; }
#bottomleft p { padding-top: 9px; margin-left: 150px; }
#bottomleft #pdf { margin-left: 150px; margin-top: 17px; }
#bottomleft #pdf img { float: left; }
#bottomleft #pdf p { float: left; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 14px; font-weight: bold; list-style-type: none; margin-left: 7px; margin-top: -13px; }
#bottomleft #pdf p a { text-decoration: none; color: #000; }
#bottomleft #pdf p a span { font-size: 12px; font-weight: normal; font-style: italic; color: #75aacc; }

#bottomcenter { float: left; width: 300px; margin-left: 40px; position: relative; }
#bottomcenter table.info { width: 290px; border: none; } 
#bottomcenter tr.row { background: url(../images/dotted_grey.gif) repeat-x bottom left; }
#bottomcenter tr.lastrow { background: none; }
#bottomcenter td {padding: 2px 0 4px 0;}

p.textrequired { float: right; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; margin-top: 7px; margin-right: 10px; }
p.textrequired2{ float: left; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; margin-top: 4px; margin-right: 10px; width: 65px; text-align: right;}

.textfieldimput { padding-top: 3px; padding-bottom: 6px; border: none; float: right; }
.textfieldinside { background-color: #f9e0ed; border: none; height: 15px; width: 200px; padding: 5px; }

.messfieldimput { padding-top: 3px; padding-bottom: 1px; border: none; float: right; }
.messfieldinside { background-color: #f9e0ed; border: none; width: 200px; padding: 5px; }

.lastrow p.mess { float: right; width: 210px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 14px; font-weight: normal; font-style: italic; color: #e885b6;}

#bottomcenter #zone { background: url(../images/arrow.png) no-repeat top right; behavior: url("js/iepngfix.htc"); width: 110px; position: absolute; left: -40px; bottom: -12px; }
#bottomcenter #zone p { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 14px; text-align: right; font-style: italic; margin-top: 44px; color: #E885B6; }
#bottomcenter .button { margin-top: 11px; }
#bottomcenter .button p a { font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-transform: uppercase; font-weight: bold; color: #FFF; background-color: #ff97cb; display: compact; text-decoration: none; padding: 10px; margin-left: 78px;  }

#copyright { margin: 50px 0px 80px 0px; padding-top: -10px; border-top-width: 1px; border-top-style: dotted; border-top-color: #999; }
#copyright p { margin-top: 4px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 16px; }
#copyright p.left { font-size: 11px; line-height: 15px; color: #595959; float: left; }
#copyright p.design { font-size: 11px; line-height: 15px; color: #222; float: right; }
#copyright p.design span { font-weight: bold; }