body,html,a, p, h1,h2,h3,form,input,textarea,ul,li {margin: 0px; padding: 0px;}
body { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#5d052e; background:url(images/bg1.png) repeat-x top #8468ae; padding:0 0 0 30px !important;}
img {margin:0; border:0; padding:0;}
/*p { line-height:17px;}*/
.clear {clear:both}
a {text-decoration:none;}
a:hover {text-decoration:underline;}
a:focus {outline:none}
.left {float:left}
.right {float:right}

#container {background:url(images/bg-container.png) repeat-y; width:860px; margin:0 auto;}
#header  { background:url(images/header1.png); width:860px; height:220px; position:relative;}
#header .blog {color:#fcc67d; display:block; width:213px; height:93px; font-size:60px; font-weight:bold; position:absolute; left:345px; top:45px; cursor:pointer;}
#header .dejoc {color:#fff; display:block; width:150px; height:70px; font-size:18px; margin:-10px 0 0 0; }
#header .jocoloco {color:#fcc67d; display:block; width:150px; height:70px; border-top:solid 2px #fcc67d; position:absolute; left:345px; top:145px; letter-spacing:3px}
#header .blog:hover,#header .dejoc:hover {text-decoration:none;} 
#header .linkl {display:block; width:217px; height:103px; position:absolute; left:600px; top:30px;}

#meniu {height:39px; width:800px; margin:0 auto; position:relative;}
#meniu a { display:block; height:39px; background-position:0 0; font-size:13px; line-height:39px; font-weight:bold; color:#fcc67d; position:absolute; top:0; text-align:center;}
#meniu .lnk1 {background:url(images/lnk1.png); width:209px; left:0;}
#meniu .lnk2 {background:url(images/lnk2.png); width:193px; margin:0 0 0 -37px; left:209px; z-index:10;}
#meniu .lnk3 {background:url(images/lnk3.png); width:205px; margin:0 0 0 -37px; left:360px;}

#meniu .lnk2:hover {position:absolute; left:209px; top:0;}
#meniu a:hover {background-position:0 -39px; z-index:19 !important; text-decoration:none;}
#meniu a:hover span {z-index:999!important}


#body-cont{width:473px; margin:20px 0 0 40px; padding:0 0 110px 25px; float:left; display:inline}
#text{}
#text h1 {display:block; height:45px; width:452px; padding-left:35px; overflow:hidden; background:url(images/bg_h1.png) no-repeat bottom; color:#df3d00; font-size:24px; margin-bottom:15px;}

.articol {color:#5d052e;}
.articol p {margin:10px 0;}
.optiuni {height:45px; width:498px; background:url(images/bg_articol.png) repeat-x bottom; margin:20px 0 20px 0;}

.optiuni .comentariu {width:101px; height:65px; background:url(images/bulatext.jpg); color:#5d052e; text-align:center; font-size:11px; line-height:60px; font-weight:bold;}
.optiuni .nrraspuns{height:21px; width:100px; padding:0 0 0 30px; background:url(images/pen.png) no-repeat left; line-height:21px; margin:20px 0 0 200px;}

.nrraspuns{height:21px; width:100px; padding:5px 0 0 30px; background:url(images/pen.png) no-repeat left; line-height:21px; margin:20px 0 0 170px;}

.raspuns{color:#866aaf; margin:30px 0 20px 0; }
.raspuns h2 {font-size:13px;}
.raspuns .quote{ margin:5px 0 10px 0;}

.raspuns h3 {font-size:11px;}
.raspuns h3 a{text-decoration:underline; color:#866aaf;}


#formular{margin-top:25px; text-align:left; background:url(images/bg_articol.png) repeat-x bottom; padding-bottom:15px;}
#formular strong {font-size:16px; font-weight:bold; color:#866aaf;}
#formular span {display:block; margin-bottom:3px; margin-top:10px; font-weight:bold;}
#formular input, #formular textarea, #formular checkbox{width:450px; height:30px; color:#5d052e; background:#bdb3cc; border:solid 1px #8468ae;}
#formular .anunt {display:block; margin:5px 0;}
#formular .anunt .chbok {width:20px; float:left; height:20px; padding:0 !important; background:none !important; border:none;}
#formular textarea {height:250px;}
#formular .submit {width:78px; height:26px; line-height:22px; text-align:center; color:#fff; font-weight:bold; display:block; margin:5px 0 5px 375px; background:url(images/bg_submit.png) repeat-x; cursor:pointer;}

.articole_back {background:url(images/backarr.jpg) no-repeat left; height:34px; width:350px; display:block; line-height:34px; padding-left:40px; font-weight:bold; color:#5d052e; margin-top:10px;}


#col-right {width:214px; float:left; margin:0 0 0 50px; padding:30px 0 50px 0; }
#col-right .box {width:209px; position:relative; margin-bottom:60px;}

#col-right .box h2 {display:block; background:url(images/bg_articol.png) repeat-x bottom; height:30px; margin-bottom:10px; font-weight:bold; color:#5d052e; font-size:18px;}
#col-right .box .mascota {display:block; position:absolute;}
#col-right .box .msc1 {background:url(images/mascota1.jpg); width:111px; height:80px; left:98px; top:-46px;}
#col-right .box .msc2 {background:url(images/mascota2.jpg); width:76px; height:89px; left:134px; top:-26px;}
#col-right .box .msc3 {background:url(images/mascota3.jpg); width:89px; height:71px; left:120px; top:-41px;}
#col-right .box .msc4 {background:url(images/mascota4.jpg); width:52px; height:65px; left:155px; top:-35px;}
#col-right .recente a {background:url(images/arrow_link.png) left no-repeat; display:block; padding:2px 0 2px 15px; font-size:11px; color:#866aaf; }

#col-right .categorii dsiv {background:url(images/bg_categorii.jpg) repeat-x bottom;}
#col-right .categorii h2 {background-image:none !important; height:20px;}
#col-right .categorii div {border:solid 1px #8468ae; background:url(images/bg_categorii.jpg) repeat-x bottom #bdb3cc; width:199px; padding:30px 0 15px 10px;}
#col-right .categorii div a {display:block; margin-bottom:5px; color:#5d052e;}
#col-right .arhiva a {display:block; padding:5px 0 0 10px; color:#866aaf;}
#col-right .tag h2 {color:#bdb3cc;}
#col-right .tag h2 i{font-style:normal; font-size:25px;}
#col-right .tag h2 b{font-style:normal; font-size:30px;}
#col-right .tag a {color:#bdb3cc; font-weight:bold;}

.masc-logo{background:url(images/logo.jpg); width:117px; height:58px; display:block; margin:10px auto;}

#footer {height:122px; width:801px; margin:0 auto; background:url(images/bg_footer.png) repeat-x bottom #d4cae3; position:relative;}
#footer .bg_cont {background:url(images/bg_bottom.jpg); width:754px; height:90px; position:absolute; top:-90px; left:20px;}
#footer .colt-st {background:url(images/colt_stanga1.png); width:38px; height:127px; position:absolute; top:0px; left:-21px;}
#footer .colt-dr {background:url(images/colt_dreapta.png); width:23px; height:123px;position:absolute;  top:0px; left:779px;}
#footer .webcoctail {background:url(images/webcoctail_sigla.png); position:absolute; left:306px; top:25px; width:193px; height:64px;}

li { display:block; }

.clear {clear:both;}