body {margin: 0px; padding: 0px; background: #fff; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; color: #A6A6A6; line-height: 17px;} html {behavior: url(continut/afisare/resurse/css/hover.htc); overflow-x: hidden; overflow-y: auto;} /*--------------------------------------------------------------------------------------------------------------------------*/ /* CLEARFIX /*--------------------------------------------------------------------------------------------------------------------------*/ div:after, dl:after, ul:after, ol:after, .cfix:after {content: "."; display: block; height: 0px; clear: both; visibility: hidden; line-height: 0px;} * html div, * html dl, * html ul, * html ol, * html .cfix {height: 1%} div, dl, ul, ol, .cfix {display: inline-block} div, dl, ul, ol, .cfix {display: block} /*-----*/ /*--------------------------------------------------------------------------------------------------------------------------*/ /* RESETARE TAGURI /*--------------------------------------------------------------------------------------------------------------------------*/ h1,h2,h3,h4,ul,dl,dt,dd,ol,li,p,hr,form,fieldset,legend,blockquote,input,pre,label,textarea,select,address {margin: 0px; padding: 0px; outline: none; border: none; font-style: normal; font-weight: normal; background-color: transparent; list-style: none; font-family: Arial, Helvetica, sans-serif; color: #333; font-size: 12px; line-height: 17px} /*-----*/ /*--------------------------------------------------------------------------------------------------------------------------*/ /* TAGURI GENERALE /*--------------------------------------------------------------------------------------------------------------------------*/ a {color: #333; text-decoration: none; font-weight: bold; outline: none; } a:hover {border-bottom: 1px dashed #7B7933} a img {border: none} p,ul,ol,li {padding: 2px 0px 2px 0px} /*-----*/ /*----------------------------------------------------------------------------------------------------------------*/ /* CLASE UTILE /*----------------------------------------------------------------------------------------------------------------*/ .ascuns {display: none} /*--------------------------------------------------------------------------------------------------------------------------*/ /* HEADER /*--------------------------------------------------------------------------------------------------------------------------*/ #header {position: fixed; width: 100%; height: auto; top: 0px; left: 0px; padding: 20px 0px 0px 0px; background: #333; font-weight: normal; z-index: 2} * html #header {position: static} #header h1 {width: 80%; margin: 0px auto 0px auto; padding: 5px 0px 2px 0px; font-size: 17px; color: #fff} #header h2 {width: 80%; margin: 0px auto 0px auto; padding: 2px 0px 20px 0px; font-size: 12px; color: #ADADAD} #header #meniu {width: 100%; background: #ddd; border-bottom: 1px solid #bfbfbf; padding: 0px} #header #meniu ul {width: 80%; margin: 0px auto 0px auto; padding: 0px; list-style: none; text-align: left} #header #meniu ul li {position: relative; float: left; clear: none; padding: 0px; text-transform: capitalize; z-index: 2} #header #meniu ul li a {display: block; padding: 9px 12px 9px 12px; color: #A6A6A6; font-weight: normal} #header #meniu ul li:hover {background: #909090;} #header #meniu ul li.curent {background: #777;} #header #meniu ul li:hover a, #header #meniu ul li.curent a {color: #fff; border: none} #header #meniu ul li#m-configurare {float: right; background: #333} #header #meniu ul li#m-configurare a {color: #fff} #header #meniu ul li#m-configurare:hover {background: #909090} #header #meniu ul li#m-configurare:hover a {color: #fff} #header #meniu ul li#m-iesire {position: absolute; top: 0px; right: 10%; background: #3D3D3D; text-transform: none} #header #meniu ul li#m-iesire:hover {background: #909090} #header #meniu ul li#m-iesire a {padding: 5px 12px 5px 12px} #header #meniu ul li ul {display: none; position: absolute; padding: 1px 0px 0px 0px; top: 33px; left: 0px; width: 125px; background: #909090; font-size: 11px} #header #meniu ul li:hover ul {display: block} #header #meniu ul li:hover ul li {clear: both; width: 100%; height: auto} #header #meniu ul li:hover ul li a {padding: 5px 12px 5px 12px} #header #meniu ul li:hover ul li:hover {background: #A0A0A0} /*--------------------------------------------------------------------------------------------------------------------------*/ /* CONTINUT /*--------------------------------------------------------------------------------------------------------------------------*/ #continut {margin: 0px auto 0px auto; width: 80%; height: auto; padding: 145px 0px 70px 0px} * html #continut {padding: 30px 0px 30px 0px} #continut h3 {margin: 0px 0px 25px 0px; color: #A6A6A6; font-size: 27px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; font-style: italic; line-height: 27px; text-transform: capitalize} #continut h3 em {position: relative; top: -4px; margin: 0px 0px 0px 25px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; background: #DDDDDD; padding: 2px 15px 2px 15px; color: #909090; z-index: 1} #continut div#mesaje {margin: 15px 0px; padding: 25px; background: #CCC; border: 1px solid #777;} #continut div#mesaje p {color: #FFF} /*--------------------------------------------------------------------------------------------------------------------------*/ /* FORMULARE /*--------------------------------------------------------------------------------------------------------------------------*/ #continut h4 {margin: 0px 0px 0px 0px; width: 45%; padding: 10px 10px 10px 10px; background: #909090; border: 1px solid #909090; color: #FFF; font-size: 12px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; line-height: 12px; text-transform: none} #continut h5 {margin: 15px 0px 15px 0px; padding: 0px; font-size: 12px;} #continut form {margin: 0px 0px 25px 0px; width: 100%; padding: 0px; height: auto} #continut form h4 {} #continut form fieldset {display: block; margin: 0px 0px 10px 0px; width: 45%} #continut form fieldset p {margin: 7px 0px 7px 0px; color: #CCCCCC} #continut form fieldset label {display: block; width: 95%; margin: 0px 0px 0px 0px; padding: 5px 20px 5px 0px; font-style: italic} #continut form fieldset input, #continut form fieldset textarea, #continut form fieldset select {display: block; width: 95%; margin: 0px 0px 0px 0px; padding: 3px 10px 3px 10px; border: 1px solid #DDD; background-color: #EEE;} #continut form fieldset textarea {overflow: auto} #continut form fieldset select {width: 51%; padding: 3px 0px 3px 0px} #continut form fieldset label.inline, #continut form fieldset input.inline {display: inline; width: auto; padding: 0px; background: none; border: none; vertical-align: middle} #continut form fieldset input.inline {margin: 0px 20px 0px 3px;} #continut form fieldset.butoane {margin-top: 20px} #continut form fieldset.butoane input {width: 100px; background: #909090; border: 1px solid #6B6B6B; color: #FFF} #continut form fieldset.fisier {height: 53px; overflow: hidden} #continut form fieldset.fisier input.fisier {position: relative; width: 190px; height: 25px; padding: 0px; _filter: alpha(opacity=0); opacity: 0; text-align: right; z-index: 2} #continut form fieldset.fisier input.masca {position: relative; float: left; clear: none; top: -25px; margin: 0px; width: 100px; text-align: right} #continut form fieldset.fisier p {position: relative; float: left; clear: none; top: -25px; width: 55px; height: 16px; margin: 0px; padding: 4px 10px 3px 10px; background: #909090; border: 1px solid #6B6B6B; color: #FFF; text-align: center} #continut form #lista-fisiere-de-uploadat {margin: 10px 0px 0px 0px} #continut form #lista-fisiere-de-uploadat .fisier-de-uploadat {float: left; clear: none; display: inline; width: 97px; height: auto; padding: 10px; margin: 7px 0px 7px 28px; background-color: #fff; border: 1px solid #ccc; font-size: 12px} #continut form #lista-fisiere-de-uploadat .fisier-de-uploadat input.buton-sterge {display: block; width: 55px; height: 25px; margin: 10px 0px 0px 0px; background-color: #777; border: 1px solid #222; font-size: 12px; color: #fff; text-align: center} #continut form fieldset label.watermark, #continut form fieldset label.versiune-casuta {float:left; clear:none; width:100px; height:20px; margin:0px; padding:0px;} #continut form fieldset label.versiune-casuta {margin-bottom:20px;} #continut form fieldset input.watermark, #continut form fieldset input.versiune-casuta {width:20px; height:20px; margin:0px; padding:0px;} #continut form fieldset input.versiune-casuta {margin-bottom:20px;} #continut form fieldset label.nume {margin: 20px 0px 0px 0px; padding:0px;} #continut form fieldset label.detalii {margin: 0px 0px 0px 0px; padding:0px;} #continut form fieldset input.nota {margin: 0px 0px 30px 0px; padding:0px; height:22px;} #continut form fieldset input.autentificare {width:415px;} /*--------------------------------------------------------------------------------------------------------------------------*/ /* SECTIUNI /*--------------------------------------------------------------------------------------------------------------------------*/ #continut .sectiune-principala, #continut .sectiune-secundara {clear: none; margin: 0px 0px 25px 0px} #continut .sectiune-principala {float: left; width: 57%} #continut .sectiune-secundara {float: right; width: 35%} #continut .sectiune-principala h4, #continut .sectiune-secundara h4 {position: relative; margin: -21px -11px 10px -11px; width: 100%} #continut .sectiune-principala fieldset, #continut .sectiune-secundara fieldset {width: 100%} #continut .sectiune-secundara fieldset label, #continut .sectiune-secundara fieldset input, #continut .sectiune-secundara fieldset textarea, #continut .sectiune-secundara fieldset select {margin: 0px auto 0px 0px; width: 92%} #continut .sectiune-secundara fieldset.btn input, #continut .sectiune-principala fieldset.btn input {width: 80px} #continut .sectiune-principala fieldset fieldset, #continut .sectiune-secundara fieldset fieldset {margin-left: auto; margin-right: auto; width: 90%} #continut .conturata {background: #F8F8F8; border: 1px solid #EBEBEB; padding: 20px 10px 20px 10px; margin-bottom: 15px} #continut form .sectiune-simpla {padding: 10px 0px 10px 0px; border-bottom: 1px dashed #ccc} #continut form.conturat {margin: 0px 0px 25px 0px; padding: 20px 25px 20px 25px; width: 502px; background: #F8F8F8; border: 1px solid #EBEBEB; border-top: none} #continut form.conturat fieldset {width: 502px;} #continut form.conturat fieldset p {margin: 7px 0px 7px 0px; color: #CCCCCC} #continut form.conturat fieldset input, #continut form.conturat fieldset textarea, #continut form.conturat fieldset select {width: 480px;} #continut form.conturat fieldset select {padding-right: 3px} #continut form.conturat fieldset label.inline, #continut form.conturat fieldset input.inline {display: inline; width: auto; background: none; border: none; vertical-align: middle} #continut form.conturat fieldset input.inline {margin: 0px 10px 0px 0px;} #continut form.conturat fieldset.btn input {width: 70px; padding: 1px 5px 1px 5px} /*--------------------------------------------------------------------------------------------------------------------------*/ /* FOOTER /*--------------------------------------------------------------------------------------------------------------------------*/ #footer {position: fixed; bottom: 0px; width: 100%; height: auto; padding: 10px 0px 10px 0px; background: #333; z-index: 2} * html #footer {position: static} #footer p {width: 80%; margin: 0px auto 0px auto}