* {
margin:0;
padding:0;
}
html, body {
height:100%;
}
a {
textdecoration: none;
}
a:hover {
}
a:active, a:focus {
outline: none;
}
body {
background-color: #fff;
color: #630;
font:100.01%/1.4 sans-serif;
text-align: center; /* horizontal centering for IE Win quirks */
}
#distance {
width: 1px;
height: 50%;
background-color: #fff;
margin-bottom: -217px; /* half of container's height */
float:left;
}
#wrapper {
margin:0 auto;
position:relative; /* puts container in front of distance */
text-align:left;
height: 435px;
width: 980px;
clear:left;
background: none;
}
#incontainer {
font: 'Arial', Helvetica, sans-serif;
position: relative;
margin: 0 auto;
width: 851px;
height: 425px;
background: url(grafic/back.gif) repeat-y;
float: right;
}
#side {
position: absolute;
top: -3px;
float: left;
width: 115px;
height: 430px;
}
#logo {
float: right;
margin-right: 5px;
width: 86px;
height: 85px;
background: url(grafic/prandmore.gif) no-repeat;
}
#lang {
float: right;
margin-top: 326px;
margin-right: 5px;
font: 'Arial', Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #cccccc;
}
#lang a, #lang a:visited {
text-decoration: none;
color: #cccccc;
}
#lang a:hover, #lang a:active, {
color: #000;
}
#lang a.activlang {
color: #000;
}
#top {
position: absolute;
top: -2px;
right: 0px;
float: right;
width: 851px;
background: #fff url(grafic/top.gif) repeat-x;
height: 3px;
}
#ss {
float: left;
width: 3px;
height: 3px;
background: url(grafic/ss.gif) no-repeat;
}
#ds {
float: right;
width: 3px;
height: 3px;
background: url(grafic/ds.gif) no-repeat;
}
#bottom {
float: right;
width: 851px;
background: #fff url(grafic/bottom.gif) top no-repeat;
height: 3px;
}
#sj {
float: left;
width: 3px;
height: 3px;
background: url(grafic/sj.gif) no-repeat;
}
#dj {
float: right;
width: 3px;
height: 3px;
background: url(grafic/dj.gif) no-repeat;
}
#meniu {
color: #cccccc;
width: 847px;
margin-left:2px;
height: 39px;
background: #fff;
border-bottom: 2px solid #17132c;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
}
#meniu2 {
width: 847px;
margin-left:2px;
height: 39px;
border-bottom: 2px solid #17132c;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
color: #000;
list-style:none;
}
#meniu2 li{
width: 847px;
padding-left: 17px;
padding-top: 10px;
text-transform: uppercase;
color: #000;
list-style:none;
}
#meniu2 li a {
padding-left: 17px;
padding-top: 9px;
text-transform: lowercase;
color: #cccccc;
list-style:none;
text-decoration: none;
}
#meniu2 li a:hover {
color: #000;
}
div#menu {
float:left;
width: 800px;
color: #000;
}
div#menu li a{
color: #000;
}
div#menu2 {
position: absolute;
width: 65px;
height: 35px;
right: 9px;
}
div#menu3 {
position: absolute;
width: 50px;
height: 35px;
right: 105px;
}
ul#nav {
list-style-type:none;
margin:0;padding:0
}
ul#nav {
position: absolute;
z-index: 15;
float: right;
margin-top: 0px;
margin-left: 5px;
}
ul#nav li {
float:right;
margin-top: 9px;
width: auto;
margin-left: 15px;
text-align: center;
}
ul#nav2 {
position: absolute;
z-index: 15;
float: right;
margin-top: 9px;
margin-left: 17px;
}
ul#nav2 {
list-style-type:none;
margin:0;padding:0
}
ul#nav2 li {
float:right;
margin-top: 9px;
width: auto;
margin-right: 17px;
text-align: center;
}
ul#nav3 {
position: absolute;
z-index: 15;
float: left;
margin-top: 9px;
margin-right: 17px;
}
ul#nav3 {
list-style-type:none;
margin:0;padding:0
}
ul#nav3 li {
float:left;
margin-top: 0px;
width: auto;
margin-left: 0px;
text-align: center;
}
ul#nav3 li a {
color: #cccccc;
text-decoration:none;
}
ul#nav3 li a:hover {
color: #000;
}
ul#nav a {
float:left;
text-decoration:none;
color: #cccccc;
}
ul#nav a:hover {
float: right;
text-decoration:none;
color: #000;
}
ul#nav2 a {
float: right;
text-decoration:none;
color: #cccccc;
}
ul#nav2 a:hover {
float: right;
text-decoration:none;
color: #000;
}
#navbar {
position: absolute;
z-index: 100;
top: 7px;
left: 12px;
margin: 0;
padding: 0;
visibility: visible;
}
#navbar2 {
position: absolute;
width: 700px;
top: 37px;
right: 17px;
margin: 0;
padding: 0;
}
#navbar ul{ /* meniu secundar */
width: 750px;
position: absolute;
z-index: 1;
top: 26px;
left: 0px;
background: url(grafic/trans.gif) repeat-x;
visibility: visible;
}
#navbar2 ul{ /* meniu secundar */
width: 700px;
position: absolute;
z-index: 1;
top: 26px;
left: 17px;
background: url(grafic/trans.gif) repeat-x;
visibility: visible;
}
#navbar ul li a {
position: relative;
padding-top: 18px;
background: url(grafic/trans.gif) repeat-x;
visibility: visible;
}
#navbar2 ul li a {
position: relative;
padding-top: 18px;
background: url(grafic/trans.gif) repeat-x;
visibility: visible;
}
#navbar li ul {
display: none;
width: 800px;
background: url(grafic/trans.gif) repeat-x;
}
#navbar ul ul {
padding-top: 0px;
background: url(grafic/trans.gif) repeat-x;
width: 700px;
color: #ff0000;
}
#navbar li {
list-style: none;
float: left;
}
#navbar2 li {
list-style: none;
float: right;
}
#navbar li a {
display: block;
padding: 3px 8px;
text-transform: uppercase;
text-decoration: none;
color: #cccccc;
font-weight: bold;
visibility: visible;
}
#navbar2 li a {
display: block;
padding: 3px 8px;
padding-right: 17px;
text-transform: lowercase;
text-decoration: none;
color: #cccccc;
font-weight: bold;
visibility: visible;
}
#navbar li a:hover {
color: #000;
}
#navbar2 li a:hover {
color: #000;
}
#navbar li:hover ul a, #navbar li.hover ul a {
margin-top: 7px;
clear: left;
}
html>body #navbar li:hover ul a, #navbar li.hover ul a { /* toate browserele in afara de IE6 */
height: 40px;
#height: 10px;
}
#navbar li:hover ul, #navbar li.hover ul { /* meniu secundar hover ce apare deasupra care e prea scurt*/
position: absolute;
z-index: 200;
width: 750px;
clear: left;
background: url(grafic/trans.gif) bottom repeat-x;
height: 60px;
float: left;
top: 19px;
display: block;
left: 0;
margin: 0;
padding: 0;
color: #ff0000;
}
#navbar li:hover ul, #navbar li.hover ul {
float: left;
background: url(grafic/trans.gif) repeat-x;
/* width: 700px; */
color: #ff0000;
visibility: visible; /* linia asta mi-a omorat o noapte */
}
#navbar li:hover li, #navbar li.hover li {
float: left;
height: 40px;
}
#navbar li:hover li a, #navbar li.hover li a { /*exact ce e hover */
color: #cccccc;
/* height: 30px; pana unde coboara cursorul hand */
background: url(grafic/trans.gif) repeat-x;
}
#navbar li li a:hover {
color: #000;
}
#alb {
position: absolute;
left: 267px;
top: 82px;
float: right;
width: 582px;
height: 344px;
border-left: 2px solid #4d4a5b;
background: #fff;
}
img {
position: absolute;
left: 267px;
top: 82px;
float: right;
width: 580px;
height: 344px;
border-left: 2px solid #4d4a5b;
margin-right: 2px;
}
#homepage {
float: right;
background: url(grafic/poze/prandmore.jpg) center no-repeat;
width: 851px;
height: 344px;
}
#continut {
width: 815px;
height: 280px;
}
#continutm {
width: 815px;
height: 316px;
overflow: hidden;
}
html>body #continutm {
width: 815px;
height: 366px;
overflow: hidden;
}
#content {
float: left;
width: 225px;
height: 280px;
padding-top: 30px;
padding-bottom: 30px;
padding-left: 20px;
padding-right: 18px;
color: #333333;
font-size: 11px;
text-align: left;
overflow: hidden;
}
#contenthome {
float: left;
width: 225px;
height: 280px;
padding-top: 30px;
padding-bottom: 30px;
padding-left: 20px;
padding-right: 18px;
color: #333333;
font-size: 11px;
text-align: left;
overflow: hidden;
}
#contenthome img{
position: absolute;
left:2px;
top: 82px;
float: right;
width: 847px;
height: 344px;
border: none;
}
#contentpresa {
float: left;
width: 225px;
height: 290px;
padding-top: 30px;
padding-left: 20px;
padding-right: 18px;
color: #333333;
font-size: 11px;
text-align: left;
}
html>body #contentpresa {
float: left;
width: 225px;
height: 296px;
padding-top: 30px;
padding-left: 20px;
padding-right: 18px;
color: #333333;
font-size: 11px;
text-align: left;
}
#contentpresa img{
position: absolute;
left: 247px;
top: 0px;
margin-top: -30px;
float: right;
width: 580px;
height: 344px;
border-left: 2px solid #4d4a5b;
margin-right: 2px;
}
#contentport {
float: left;
width: 225px;
height: 316px;
padding-top: 30px;
padding-left: 20px;
padding-right: 18px;
color: #333333;
font-size: 11px;
text-align: left;
border-right: 2px solid #4d4a5b;
}
#contentm {
float: left;
width: 235px;
height: 366px;
padding-left: 10px;
padding-right: 5px;
color: #333333;
font-size: 11px;
text-align: left;
overflow:hidden;
}
#contentm2 {
float: left;
width: 235px;
height: auto;
padding-left: 10px;
padding-right: 5px;
color: #333333;
font-size: 11px;
text-align: left;
overflow:hidden;
}
#contentm h1{
color: #171135;
font-size: 12px;
text-align: left;
}
#contentm2 h1{
color: #171135;
font-size: 12px;
text-align: left;
}
#contentport h1{
color: #171135;
font-size: 12px;
text-align: left;
}
#navbar li.current_page_item a{
color: #000;
}
#navbar li.current_page_parent a{
color: #000;
}
ul#nav2 li.current_page_item a{
color: #000;
}
ul#nav2 li.current_page_parent a{
color: #000;
}
#menu2 li.current_page_item a{
color: #000;
text-decoration: none;
}
#menu2 li.current_page_parent a{
color: #000;
}
.abs {
position: absolute;
z-index: 1000;
right: -288px;
}
.abs2{
position: absolute;
z-index: 999;
top: 0;
left: 0;
}
#management1 {
width: 400px;
height: auto;
padding-left: 20px;
padding-right: 10px;
padding-top: 30px;
}
#management1 h1{
color: #171135;
font-size: 12px;
text-align: left;
}
#management1 p{
color: #999;
font-size: 11px;
text-align: left;
}
#nume {
position: absolute;
left: 163px;
top: 110px;
z-index: 999;
}
html>body #nume {
position: absolute;
/* left: 163px;
top: 70px;
z-index: 999; */
}
#nume h1{
color: #171135;
font-size: 12px;
text-align: left;
}
#nume p{
color: #999;
font-size: 11px;
text-align: left;
}
#nume2 {
position: absolute;
left: 163px;
top: 0px;
}
#nume2 h1{
color: #171135;
font-size: 12px;
text-align: left;
}
#nume2 p{
color: #999;
font-size: 11px;
text-align: left;
}
#management2 {
top: 112px;
left: 420px;
position: absolute;
float: right;
width: 500px;
height: auto;
padding-left: 20px;
padding-right: 10px;
}
#management2 h1{
color: #171135;
font-size: 12px;
text-align: left;
}
#management2 p{
color: #999;
font-size: 11px;
text-align: left;
}
#mancont1 {
padding-top: 50px;
padding-bottom: 10px;
float: left;
padding-left: 130px;
width: 270px;
height: auto;
font-size: 11px;
text-align: left;
background: url(grafic/poze/renate1.jpg) top left no-repeat;
}
#mancont2 {
padding-top: 50px;
padding-bottom: 10px;
float: left;
padding-left: 130px;
width: 330px;
height: auto;
font-size: 11px;
text-align: left;
background: url(grafic/poze/adi1.jpg) top left no-repeat;
}
#latest {
color: #000;
}
#latest li a{
text-decoration: none;
color: #999;
text-transform: lowercase;
}
#up {
width: 847px;
height: 30px;
margin-left: 2px;
text-decoration: none;
font-size: 24px;
}
#up a {
position: absolute;
top: 82px;
left: 85px;
z-index: 2;
text-decoration: none;
}
#down {
width: 847px;
height: 30px;
background: #fff;
margin-left: 2px;
text-decoration: none;
font-size: 24px;
padding-top: -5px;
}
#down a {
position: absolute;
top: 385px;
left: 85px;
z-index: 2;
text-decoration: none;
}
#continutnews {
width: 847px;
height: 284px;
}
#contentnews {
float: left;
width: 530px;
height: auto;
padding-top: 0px;
margin-left: 93px;
padding-right: 5px;
/* padding-bottom: 20px; */
color: #333333;
font-size: 11px;
text-align: left;
/* background: url(grafic/rep.gif) bottom left repeat-x; */
}
html>body #contentnews {
float: left;
width: 530px;
height: auto;
padding-top: 0px;
margin-left: 189px;
padding-right: 5px;
/* padding-bottom: 20px; */
color: #333333;
font-size: 11px;
text-align: left;
/* background: url(grafic/rep.gif) bottom left repeat-x; */
}
#continutnews img {
position: absolute;
left: 20px;
top: 116px;
float: left;
width: auto;
height: auto;
border: none;
}
html>body #continutnews img {
position: absolute;
left: 20px;
top: 112px;
float: left;
width: auto;
height: auto;
border: none;
}
h2.titlu, h2.titlu a, h2.titlu a:hover, h2.titlu a:visited {
color: #000;
font-size: 12px;
text-align: left;
text-decoration: none;
font-weight: bold;
margin-bottom: 20px;
}
#entry {
color: #333;
width: 400px;
height: auto;
text-align: left;
margin-bottom: 20px;
}
.sus {
float: left;
margin-left: 42px;
margin-top: 10px;
display: block;
width: 18px;
height: 12px;
text-decoration: none;
background: url(grafic/sus.gif) no-repeat;
}
html>body .sus {
float: left;
margin-left: 85px;
margin-top: 10px;
display: block;
width: 18px;
height: 12px;
text-decoration: none;
background: url(grafic/sus.gif) no-repeat;
}
.sus:hover {
background-position: -18px 0;
}
html>body .jos {
float: left;
margin-left: 85px;
margin-top: 10px;
display: block;
width: 18px;
height: 12px;
text-decoration: none;
background: url(grafic/jos.gif) no-repeat;
}
.jos {
float: left;
margin-left: 42px;
margin-top: 10px;
display: block;
width: 18px;
height: 12px;
text-decoration: none;
background: url(grafic/jos.gif) no-repeat;
}
.jos:hover {
background-position: -18px 0;
}
.i1 { /* 1 */
position: absolute;
display: block;
left: 265px;
top: 82px;
float: left;
width: auto;
height: auto;
border: none;
}
.i2 { /* 2 */
position: absolute;
display: block;
left: 410px;
top: 82px;
float: left;
width: auto;
height: auto;
border: none;
}
.i3 { /* 3 */
position: absolute;
display: block;
left: 556px;
top: 82px;
float: left;
width: auto;
height: auto;
border: none;
}
.i4 { /* 4 */
position: absolute;
display: block;
left: 702px;
top: 82px;
float: left;
width: auto;
height: auto;
border: none;
}
.i5 { /* 5 */
position: absolute;
display: block;
left: 265px;
top: 196px;
float: left;
width: auto;
height: auto;
border: none;
}
.i6 { /* 6 */
position: absolute;
display: block;
left: 410px;
top: 196px;
float: left;
width: auto;
height: auto;
border: none;
}
.i7 { /* 7 */
position: absolute;
display: block;
left: 556px;
top: 196px;
float: left;
width: auto;
height: auto;
border: none;
}
.i8 { /* 8 */
position: absolute;
display: block;
left: 702px;
top: 196px;
float: left;
width: auto;
height: auto;
border: none;
}
.i9 {
position: absolute;
left: 265px;
top: 310px;
float: left;
width: auto;
height: auto;
border: none;
}
.i10 {
position: absolute;
left: 410px;
top: 310px;
float: left;
width: auto;
height: auto;
border: none;
}
.i11 {
position: absolute;
left: 556px;
top: 310px;
float: left;
width: auto;
height: auto;
border: none;
}
.i12 {
position: absolute;
left: 702px;
top: 310px;
float: left;
width: auto;
height: auto;
border: none;
}
.texta {
height: 24px;
width: 200px;
font-size: 12px;
font-family: 'Arial', Helvetica, sans-serif;
font-weight: normal;
color: #000;
text-align: justify;
border: 1px solid #ccc;
}
.buton {
font-size: 12px;
font-family: 'Arial', Helvetica, sans-serif;
font-weight: normal;
color: #fff;
text-align: center;
background: url(grafic/buton.gif) no-repeat;
border: none;
height: 23px;
width: 62px;
cursor: pointer;
}
a:focus {
outline: none;
}
#wrapperx {
position: relative;
width: 230px;
height: 296px;
margin: 0 auto;
}
#scroller {
margin-bottom: 30px;
width: 265px;
height: 284px;
overflow: hidden;
}
#inner {
width: 225px;
height: 280px;
background: #fff;
}
#innerz {
width: 225px;
height: 280px;
background: #fff;
}
#innery {
width: 225px;
height: 230px;
background: #fff;
}
#wrappery {
position: relative;
width: 300px;
height: 296px;
margin: 0 auto;
margin-left: 3px;
float: left;
}
#scrollery {
margin-bottom: 0px;
width: 300px;
height: 230px;
overflow: hidden;
}
#wrapperz {
position: relative;
width: auto;
height: 296px;
margin: 0 auto;
margin-left: 3px;
float: left;
}
#scrollerz {
margin-bottom: 0px;
width: 300px;
height: 230px;
overflow: hidden;
}
#innerz {
width: 225px;
height: 230px;
background: #fff;
}
.scroll {
position: absolute;
text-decoration: none;
background-repeat: no-repeat;
background-position: 50% 50%;
}
.vertical {
text-decoration: none;
width: 225px;
height: 40px;
}
#scroll-up {
text-decoration: none;
top: 0;
margin-top: -35px;
background-image: url("grafic/img/up.gif");
}
#scroll-down {
text-decoration: none;
bottom: 0;
margin-bottom: -5px;
background-image: url("grafic/img/down.gif");
}
html>body #scroll-down {
text-decoration: none;
bottom: 0;
margin-bottom: -25px;
background-image: url("grafic/img/down.gif");
}
#scroll-up a{
text-decoration: none;
}
#scroll-down a{
text-decoration: none;
}
#scroll-up:hover {
text-decoration: none;
background-image: url("grafic/img/up-active.gif");
}
#scroll-up:active {
text-decoration: none;
background-image: url("grafic/img/up-faster.gif");
}
#scroll-down:hover {
text-decoration: none;
background-image: url("grafic/img/down-active.gif");
}
#scroll-down:active {
text-decoration: none;
background-image: url("grafic/img/down-faster.gif");
}
/* y */
.scrolly {
text-decoration: none;
position: absolute;
z-index: 300;
background-repeat: no-repeat;
background-position: 50% 50%;
}
.verticaly {
text-decoration: none;
width: 100px;
height: 40px;
}
#scroll-upy {
text-decoration: none;
z-index: 999;
top: 0;
margin-left: 120px;
margin-top: -55px;
background-image: url("grafic/img/up.gif");
}
#scroll-downy {
text-decoration: none;
z-index: 999;
top: 225px;
margin-left: 120px;
margin-bottom: 0px;
background-image: url("grafic/img/down.gif");
}
#scroll-upy a{
text-decoration: none;
}
#scroll-downy a{
text-decoration: none;
}
#scroll-upy:hover {
text-decoration: none;
background-image: url("grafic/img/up-active.gif");
}
#scroll-upy:active {
text-decoration: none;
background-image: url("grafic/img/up-faster.gif");
}
#scroll-downy:hover {
text-decoration: none;
background-image: url("grafic/img/down-active.gif");
}
#scroll-downy:active {
text-decoration: none;
background-image: url("grafic/img/down-faster.gif");
}
.scrollz {
position: absolute;
z-index: 300;
background-repeat: no-repeat;
background-position: 50% 50%;
text-decoration: none;
}
.verticalz {
text-decoration: none;
width: 100px;
height: 40px;
}
#scroll-upz {
z-index: 999;
top: 0;
margin-left: 120px;
margin-top: -55px;
background-image: url("grafic/img/up.gif");
text-decoration: none;
}
#scroll-downz {
z-index: 999;
top: 225px;
margin-left: 120px;
margin-bottom: 0px;
background-image: url("grafic/img/down.gif");
text-decoration: none;
}
#scroll-upz a{
text-decoration: none;
}
#scroll-downz a{
text-decoration: none;
}
#scroll-upz:hover {
text-decoration: none;
background-image: url("grafic/img/up-active.gif");
}
#scroll-upz:active {
text-decoration: none;
background-image: url("grafic/img/up-faster.gif");
}
#scroll-downz:hover {
text-decoration: none;
background-image: url("grafic/img/down-active.gif");
}
#scroll-downz:active {
text-decoration: none;
background-image: url("grafic/img/down-faster.gif");
}