body {margin: 0px; background-color: #8F6B28; text-decoration: none; background-image: url(../img/bg.png); background-repeat: repeat; font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #8F6B28;}

html {behavior: url(resurse/afisare/resurse/js/hover.htc); overflow-x: hidden; overflow-y: auto;}

/*--------------------------------------------------------------------------------------------------------------------------*/
/* CLEARFIX
/*--------------------------------------------------------------------------------------------------------------------------*/
div:after,
p:after {content: "."; display: block; height: 0px; clear: both; visibility: hidden; line-height: 0px;}
* html div,
* html p {height: 1%}
div,
p {display: inline-block}
div,
p {display: block; clear: both}
/*-----*/

h1,h2,h3,h4,ul,ol,li,p {margin: 0px; padding: 0px}
a {color: #7C5E23; text-decoration: none; font-weight: bold; outline: none;}
a:hover {border-bottom: 1px dashed #5B441A}
a img {border: none}



#header {margin: 30px auto 0px auto; width: 770px; height: 250px; background-color: #000; text-align: left; padding: 0px; font-size: 1px}
#continut {margin: 0px auto 0px auto; width: 728px; height: auto; padding: 20px; background-color: #DFCEB0; border: 1px solid #EBE0CD; border-top: none; border-bottom: none}
#continut #loader {text-align: center}

p#player {position:absolute; top:245px; left:50%; margin-left:-380px; width: 350px; height: 35px; margin-top:0px; padding:0px;}

#continut #meniu {float: left; clear: none; width: 180px; height: auto; padding: 0px 20px 0px 0px; list-style: none}
#continut #meniu li {margin: 0px}
#continut #meniu li a {display: block; padding: 5px 20px 5px 10px; height: 13px; background-image: url(../img/bullet-mic.gif); background-repeat: no-repeat; background-position: 167px 9px; text-align: right; border-bottom: 1px solid #D8C5A4; color: #8F6B28; font-weight: normal}
#continut #meniu li a:hover {background-color: #E3D4BA}
#continut #meniu li p a {font-weight: bold}
#continut #meniu li ul {list-style: none}
#continut #meniu li ul li a {background-image: url(../img/bullet-redus.gif);}

#continut div#videoclipuri {float: left; clear: none; width: 180px; padding: 0px 20px 0px 0px; text-align: center}
#continut div#videoclipuri a img {border: 3px solid #EADFCC}
#continut div#videoclipuri a:hover {border: none}
#continut div#videoclipuri a:hover img {border: 3px solid #fff}
#continut div#videoclipuri p {padding: 2px; margin: 5px 0px 7px 15px; text-align: left}
#continut div#videoclipuri p a {color: #8F6B28}
#continut div#videoclipuri p a:hover {border-bottom: 1px dashed #8F6B28}
#continut div#videoclipuri p a img {float: right; clear: none; width: 17px; margin: -14px 10px 0px 15px; vertical-align: middle; border: none}
#continut div#videoclipuri p a:hover img {border: none}


#continut #contact-wallpaper {float: left; clear: none; width: 180px; height: auto; padding: 0px 20px 0px 0px;}
#continut #contact-wallpaper h2 {padding: 0px 0px 0px 20px; font-size: 15px; font-weight: bold; background-image: url(../img/bullet-mic.gif); background-repeat: no-repeat; background-position: 5px 5px}
#continut #contact-wallpaper img {float: left; clear: none; margin: 10px 0px 10px 0px}
#continut #contact-wallpaper ol {float: right; clear: none; margin: 10px 0px 0px 0px; width: 75px; height: 100px; list-style: none}
#continut #contact-wallpaper ol li {margin: 5px 0px 5px 0px; padding: 0px 0px 0px 20px;  background-image: url(../img/bullet-mic.gif); background-repeat: no-repeat; background-position: 5px 5px;}

#continut #contact-wallpaper ul {margin: 15px 0px 25px 0px; list-style: none; height: auto}
#continut #contact-wallpaper ul li {float: none; clear: both; margin: 2px 0px 2px 0px; padding: 0px 0px 0px 20px; }
#continut #contact-wallpaper ul li p {font-weight: bold}
#continut #contact-wallpaper ul li ul {margin: 0px; height: auto}



#continut #cuprins {float: right; clear: none; margin: 0px 0px 0px 0px; border-left: 1px solid #D8C5A4; padding: 0px 0px 0px 20px; width: 505px; height: auto}


#continut #cuprins h1 {margin: 0px 0px 20px 0px; padding: 0px 0px 0px 30px; font-size: 18px; font-weight: bold; background-image: url(../img/bullet-titlu.gif); background-repeat: no-repeat; color: #5B441A}
#continut #cuprins h2 {margin: 15px 0px 10px 0px; padding: 0px 0px 0px 20px; font-size: 15px; font-weight: bold; background-image: url(../img/bullet-mic.gif); background-repeat: no-repeat; background-position: 5px 5px}
#continut #cuprins h3 {margin: 10px 0px 10px 0px; padding: 0px 0px 0px 0px; font-size: 13px; font-weight: bold}
#continut #cuprins p {margin: 5px 0px 5px 0px; padding: 2px; text-align: justify}

#continut #cuprins ul {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 20px; list-style: none}
#continut #cuprins ul li {margin: 0px 0px 0px 0px; padding: 3px 0px 5px 20px; background-image: url(../img/bullet-redus.gif); background-repeat: no-repeat; background-position: 0px 8px; border-bottom: 1px dashed #BCA274}
#continut #cuprins ul li:hover {background-color: #E3D4BA}


#continut #cuprins form {float: left; clear: none; width: 100%}
#continut #cuprins form fieldset {margin: 5px 0px 5px 0px; padding: 0px; border: none;}
#continut #cuprins form fieldset label {float: left; clear: none; padding: 3px 0px 0px 0px; margin: 0px 10px 0px 0px; text-align: right; width: 80px; font-weight: bold}
#continut #cuprins form fieldset input,
#continut #cuprins form fieldset textarea {float: left; clear: none; margin: 0px 0px 0px 0px; width: 155px; background-color: #D9C59F; border: 1px solid #EADFCB; font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #8F6B28; padding: 2px}
#continut #cuprins form fieldset textarea {width: 405px; height: 50px; overflow: auto}
#continut #cuprins form fieldset.butoane {float: right; clear: both; display: inline; margin: 10px 0px 0px 0px; text-align: right}
#continut #cuprins form fieldset.butoane input {width: 100px; margin: 0px 5px 0px 5px; background-color: #8F6B28; border: 1px solid #fff; color: #FFFFFF; font-weight: bold}
#continut #cuprins form fieldset.butoane input#resetI {background-color: #C1A87C; border: 1px solid #fff}
#continut #cuprins form fieldset.butoane input:hover,
#continut #cuprins form fieldset.butoane input#resetI:hover {background-color: #fff; border: 1px solid #8F6B28; color: #8F6B28}


#continut #cuprins .noutate,
#continut #cuprins .articol {width: auto; height: auto; margin: 0px 0px 0px 0px; padding: 10px; border-bottom: 1px dashed #D1BC98}
#continut #cuprins .noutate:hover,
#continut #cuprins .articol:hover {background-color: #E3D4BA; height: auto}
#continut #cuprins .noutate h2,
#continut #cuprins .articol h2 {margin: 0px 0px 10px 0px; height: auto; font-size: 15px; font-weight: bold; }
#continut #cuprins .noutate h2 small,
#continut #cuprins .articol h2 small {float: right; clear: none; margin: -15px 0px 0px 0px; font-size: 11px; font-style: italic; font-weight: normal}


#continut #cuprins .noutate .imagini {text-align: center}
#continut #cuprins .noutate .imagini a img {margin: 15px; border: 3px solid #EADFCC}
#continut #cuprins .noutate .imagini a:hover {border: none}
#continut #cuprins .noutate .imagini a:hover img {border: 3px solid #fff}


#continut #cuprins #imagini {text-align: center}
#continut #cuprins #imagini a img {margin: 15px; border: 3px solid #EADFCC}
#continut #cuprins #imagini a:hover {border: none}
#continut #cuprins #imagini a:hover img {border: 3px solid #fff}

#continut #cuprins .album {margin: 10px 0px 10px 0px; padding: 0px; text-align: center}
#continut #cuprins .album p {text-align: left}
#continut #cuprins .album h2 {margin: 0px 0px 15px 0px; text-align: left}
#continut #cuprins .album h3 {text-align: left}
#continut #cuprins .album ul {margin: 0px 0px 20px 0px; width: 90%; text-align: left}
#continut #cuprins .album ul li p {margin: 0px}
#continut #cuprins .album ul li p a:hover {border-bottom: 1px dashed #5B441A}
#continut #cuprins .album img {border: 5px solid #EADFCC}
#continut #cuprins .album a img {border: none}



#continut #cuprins p.buton-inapoi-sus {display: block; padding: 10px 0px 10px 0px; text-align: right;}
#continut #cuprins p.buton-inapoi-sus a {padding: 7px 10px 6px 8px; width: 32px; height: 17px; background-image: url(../img/bg-buton-sus.gif); background-repeat: no-repeat; text-align: center; font-weight: normal}
#continut #cuprins p.buton-inapoi-sus a:hover {background-image: url(../img/bg-buton-sus-on.gif); border: none}




#footer {margin: 0px auto 10px auto; width: 728px; height: auto; padding: 5px 20px; background-color: #EADFCC; border: 1px solid #FFF}
#footer ul {float: left; clear: none; width: 500px; padding: 1px; list-style: none}
#footer ul li {display: inline; margin: 0px 15px 0px 15px}
#footer ul li a {color: #5B441A; font-weight: normal}
#footer ul li a:hover {border-bottom: 1px dashed #5B441A}
#footer p {float: right; clear: none; width: 120px; text-align: right}

#footer2 {margin: 0px auto 0px auto; width: 770px; height: auto; }
#footer2 #wart {float:left; clear:none; margin: 0px auto 0px auto; width: 300px; text-align: left;}
#footer2 #wart a:hover {border: none}
#footer2 #trafic {float:right; clear:none; margin: 0px auto 0px auto; width: 300px; text-align: right;}

#imagine {padding: 30px 30px 30px 30px; background-color: #DFCEB0; background-image: none}
#imagine div {padding: 30px 50px 0px 30px; background-color: #DFCEB0; background-image: url(../img/text-annes.gif); background-position: bottom right; background-repeat: no-repeat}
#imagine div img {border: 7px solid #EADFCC}



#continut-versuri {margin: 50px auto 50px auto; width: 400px; height: auto; padding: 50px; background-color: #DFCEB0; border: 1px solid #EBE0CD; background-image: url(../img/text-annes.gif); background-repeat: no-repeat; background-position: 455px 0px}
#continut-versuri h1 {margin: 0px 0px 15px 0px; font-size: 20px; padding: 0px 0px 10px 0px; border-bottom: 1px dashed #8F6B28}
#continut-versuri h2 {margin: 0px 0px 15px 0px; font-style: italic; font-weight: normal; font-size: 11px}
#continut-versuri p {margin: 0px 0px 15px 0px; padding: 0px 0px 15px 0px; border-bottom: 1px dashed #8F6B28}



p.mesaj {margin: 15px; padding: 20px; background-color: #FFFFFF; border: 1px solid #8F6B28}