/*latime: 100% - continut 80%*/ /*ie 6 / 7 atunci cand adauga o imagine ca bg intr-un element inline, il pozitioneaza cu - padding-ul top*/ body {width: 100%; margin: 0px; padding: 0px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #183954; background-color: #EBE8D6; background-image: url(../img/header-bg.png); background-repeat: repeat-x; background-position: center top; line-height: 15px; cursor: default} html {behavior: url(continut/afisare/resurse/js/hover.htc); overflow-x: hidden; overflow-y: auto;} /*--------------------------------------------------------------------------------------------------------------------------*/ /* CLEARFIX /*--------------------------------------------------------------------------------------------------------------------------*/ div:after, dl:after, ul:after, ol:after {content: "."; display: block; height: 0px; clear: both; visibility: hidden; line-height: 0px;} * html div, * html dl, * html ul, * html ol {height: 1%} div, dl, ul, ol {display: inline-block} div, dl, ul, ol {display: block} /*-----*/ /*--------------------------------------------------------------------------------------------------------------------------*/ /* RESETARE TAGURI /*--------------------------------------------------------------------------------------------------------------------------*/ h1,h2,h3,h4,ul,dl,dt,dd,ol,li,p,hr,form,fieldset,blockquote,input,label,textarea,select,address {margin: 0px; padding: 0px; outline: none; border: none} /*-----*/ h2,h3 {margin: 0px 0px 25px 0px; font-family: Tahoma, Geneva, sans-serif; color: #297089; font-size: 26px; font-weight: normal} a {color: #3A86BE; text-decoration: none; font-weight: bold; outline: none} a:hover {border-bottom: 1px dashed #3A86BE} a img {border: none} p,ul,ol,li {padding: 2px 0px 2px 0px} strong {color: #3377AE; font-weight: normal} em {font-style: normal;} /*--------------------------------------------------------------------------------------------------------------------------*/ /* HEADER /*--------------------------------------------------------------------------------------------------------------------------*/ #header {margin: 0px auto 0px auto; width: 80%; height: 231px; padding: 0px; background-image: url(../img/header-img.jpg); background-repeat: no-repeat; background-position: right top} #header h1 {position: relative; left: -10px; top: 18px; width: 507px; height: 144px; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='continut/afisare/resurse/img/sigla.png',sizingMethod='crop')} #header[id] h1 {background-image: url(../img/sigla.png); background-repeat: no-repeat} #header h1 strong {display: none} /*--------------------------------------------------------------------------------------------------------------------------*/ /* HEADER MENIU /*--------------------------------------------------------------------------------------------------------------------------*/ #header ul {margin: 35px auto 0px auto; height: auto; padding: 12px 0px 19px 0px; list-style: none; text-align: center; font-size: 17px; line-height: 20px; font-family: Tahoma, Geneva, sans-serif} #header ul li {display: inline; padding: 12px 0px 19px 0px; background: url(../img/header-meniu-linie-despartitoare.gif) no-repeat right} #header ul li#m-contact {background: none} #b-home #header ul li#m-home, #b-despre-noi #header ul li#m-despre-noi, #b-galerie-foto #header ul li#m-galerie-foto, #b-preturi #header ul li#m-preturi, #b-agrementari #header ul li#m-agrementari, #b-contact #header ul li#m-contact, #header ul li#m-contact:hover, #header ul li:hover {background: url(../img/header-meniu-bg-on.png) repeat-x center 1px} *:first-child+html #header ul li:hover, *:first-child+html #b-home #header ul li#m-home, *:first-child+html #b-despre-noi #header ul li#m-despre-noi, *:first-child+html #b-galerie-foto #header ul li#m-galerie-foto, *:first-child+html #b-preturi #header ul li#m-preturi, *:first-child+html #b-agrementari #header ul li#m-agrementari, *:first-child+html #b-contact #header ul li#m-contact, *:first-child+html #header ul li#m-contact:hover {background-position: center 14px} * html #header ul li:hover, * html #b-home #header ul li#m-home, * html #b-despre-noi #header ul li#m-despre-noi, * html #b-galerie-foto #header ul li#m-galerie-foto, * html #b-preturi #header ul li#m-preturi, * html #b-agrementari #header ul li#m-agrementari, * html #b-contact #header ul li#m-contact, * html #header ul li#m-contact:hover {background-position: center 14px} #header ul li a {padding: 12px 2.5% 19px 2.5%; color: #796F39; font-weight: normal} #b-home #header ul li#m-home a, #b-despre-noi #header ul li#m-despre-noi a, #b-galerie-foto #header ul li#m-galerie-foto a, #b-preturi #header ul li#m-preturi a, #b-agrementari #header ul li#m-agrementari a, #b-contact #header ul li#m-contact a, #header ul li a:hover {border-bottom: none; background-image: url(../img/header-meniu-sageata.gif); background-repeat: no-repeat; background-position: center 44px} /*--------------------------------------------------------------------------------------------------------------------------*/ /* CONTINUT /*--------------------------------------------------------------------------------------------------------------------------*/ #continut {margin: 0px; padding: 30px 0px 30px 0px; width: 100%; background-color: #F5F4EB} #continut #utile {float: left; clear: none; display: inline; margin: 0px 30px 0px 10%; width: 20%; height: auto; padding: 0px 0px 0px 0px} #continut #utile ul {width: auto; list-style: none} #continut #utile ul li {border-bottom: 1px dashed #E1DDC1} #continut #utile ul li a {display: block; width: auto; padding: 3px 10px 3px 10px; border: 1px solid #F5F4EB; color: #297089} #continut #utile ul li a:hover {background-color: #66B7D9; border: 1px solid #2F91BB; color: #FFF} #continut #cuprins {float: left; clear: none; display: inline; margin: 0px 10% 0px 0px; width: 53%; height: auto; min-height: 200px; padding: 0px 0px 0px 30px; border-left: 1px dashed #286D85} #continut #cuprins ul {list-style: none; margin: 10px 0px 10px 15px} #continut #cuprins ul li {padding: 7px 5px 7px 15px; border-bottom: 1px dashed #E1DDC1; background-image: url(../img/bullet.gif); background-repeat: no-repeat; background-position: 0px 12px} #continut #cuprins p {padding: 5px 0px 5px 0px} #continut #cuprins p#mesaje {margin: 10px 0px 10px 0px; padding: 20px; background-color: #66B7D9; border: 1px solid #2F91BB; text-align: center; color: #FFF} /*--------------------------------------------------------------------------------------------------------------------------*/ /* FORMATARE TABELE (PRETURI / PRODUSE) /*--------------------------------------------------------------------------------------------------------------------------*/ #continut #cuprins table {width: 100%; margin: 25px 0px 10px 0px} #continut #cuprins table thead {background-color: #66B7D9; color: #fff; font-weight: bold} #continut #cuprins table thead tr th {padding: 5px 10px 5px 10px; border: 1px solid #2F91BB} #continut #cuprins table tbody tr:hover, #continut #cuprins ul li:hover {background-color: #fff} #continut #cuprins table tbody tr td {padding: 3px 5px 3px 5px; border-bottom: 1px dashed #E1DDC1; text-align: center} #continut #cuprins table tbody tr td.titlu-interior-tabel {background-color: #EBE8D6; text-align: left; padding: 5px 25px 5px 25px} #continut #cuprins table tbody tr td.titlu-interior-tabel:hover {background-color: #fff} #continut #cuprins table tbody tr td.titlu-interior-tabel h4 {font-size: 12px} #continut #cuprins table tfoot {background-color: #E1DDC1} #continut #cuprins table tfoot tr td {padding: 5px 10px 5px 10px; border: 1px solid #DAD5B1; text-align: center} #b-preturi #continut #cuprins table {margin: 0px} /*--------------------------------------------------------------------------------------------------------------------------*/ /* GALERIE FOTO /*--------------------------------------------------------------------------------------------------------------------------*/ #b-galerie-foto #continut #cuprins {text-align: center} #b-galerie-foto #continut #cuprins h3 {text-align: left} #b-galerie-foto #continut #cuprins a img {margin: 17px; padding: 3px; background-color: #E1DDC1} #b-galerie-foto #continut #cuprins a:hover img {background-color: #fff} #b-galerie-foto #continut #cuprins a:hover {border: none} /*--------------------------------------------------------------------------------------------------------------------------*/ /* CONTACT /*--------------------------------------------------------------------------------------------------------------------------*/ #continut #cuprins form {margin: 20px auto 0px auto; width: 100%} #continut #cuprins form fieldset {margin: 7px 0px 7px 0px} #continut #cuprins form fieldset label {float: left; clear: none; width: 19.5%; height: 15px; padding: 2px 5px 2px 5px; background-color: #66B7D9; border: 1px solid #2F91BB; border-right: none; color: #fff;} #continut #cuprins form fieldset input, #continut #cuprins form fieldset textarea {float: left; clear: none; width: 76%; height: 15px; padding: 2px 1% 2px 1%; font-size: 11px; background-color: #EBE8D6; border: 1px solid #E1DDC1} #continut #cuprins form fieldset textarea {font-family: Arial, Helvetica, sans-serif; height: 70px; overflow: hidden} #continut #cuprins form fieldset.butoane {width: 214px; margin: 0px 0px 0px auto;} #continut #cuprins form fieldset.butoane input {background-color: #EBE8D6; border: 1px solid #E1DDC1; margin: 0px 0px 0px 7px; width: 100px; height: 30px} #continut #cuprins form fieldset.butoane input#submitI {background-color: #66B7D9; border: 1px solid #2F91BB; color: #FFF} #continut #cuprins form fieldset.butoane input#submitI:hover, #continut #cuprins form fieldset.butoane input:hover {background-color: #E1DDC1; border: 1px solid #DAD5B1} /*--------------------------------------------------------------------------------------------------------------------------*/ /* FOOTER /*--------------------------------------------------------------------------------------------------------------------------*/ #footer {margin: 0px auto 0px auto; padding: 25px 0px 30px 0px; width: 80%; border-top: 1px solid #E1DDC1; color: #796F39} #footer ul {list-style: none; white-space: nowrap; text-align: center; } #footer ul li {display: inline; margin: 0px 15px 0px 15px} #footer ul li a {color: #796F39} #footer ul li a:hover {border-color: #796F39} #footer p {margin: 15px auto 15px auto; text-align: center} #footer p strong {color: #796F39} #footer p#webart {margin: 15px auto 15px auto; width: 250px; height: 30px; text-align: center} #footer p#webart a {width: 250px; height: 30px;} #footer p#webart a:hover {border: none} #footer p#webart strong {display: none} /*--------------------------------------------------------------------------------------------------------------------------*/ /* GALERIE IMAGINI /*--------------------------------------------------------------------------------------------------------------------------*/ /* DON'T EDIT! */ div.PhotoSlice * { padding: 0px; margin: 0px; } div.PhotoSlice div.clear { clear: both; overflow: hidden; height: 0px; } div.PhotoSlice img { visibility: hidden; } /* PHOTO BACKGROUND */ div#PSbackground { background: #000; } /* PHOTO STAGE */ div#PSstage { } div#PSstage img { border: 6px solid #FFF; margin: 0px auto; } div#PSstage-replica { background: #FFF; } /* PANEL */ div#PSmenu { text-align: center; padding: 4px 0px; } div#PSmenu div#PSbuttons { height: 38px; padding: 5px 10px; } div.PhotoSlice a.button { cursor: pointer; margin: 0px 2px; padding: 10px 20px; background: #333; border: 2px solid #999; color: #FCFCFC; font: 13px Trebuchet MS; line-height: 38px; text-align: center; text-decoration: none; } div.PhotoSlice a.button:hover { border: 2px solid #CCC; } div.PhotoSlice a.disabled { display: none; } div#PScaption { font: 13px Trebuchet MS; } div#PScaption p { color: #FCFCFC; text-align: center; line-height: 32px; } div#PScaption p a { border-bottom: 1px dotted #CCC; color: #CCC; text-decoration: none; } div#PScaption p a:hover { background: #333; } div#PScaption a#PSabout { float: right; line-height: normal; margin: 4px; padding: 0px 14px; line-height: 30px; }