/*=universals These rules are applied to all elements unless otherwise specified below */ * { margin : 0; padding : 0; } h2, h3, h4, h5, p, ul, ol { margin : 0 20px; padding : .5em 0; } /* =html */ html { background: #002664} /* =body */ body { margin: 0; } /* =hx */ h1, h2, h3 { font-weight : bold; color:} h3 {font: 12px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif; color: #002664; font-weight:bold;} /*global div*/ #global {} #container-main {margin-left: auto; margin-right: auto; width: 1000px} /*logo*/ #logo {width: 1000px; height: 100px;} /*meniu sus*/ #menu_sus {background:url(/images/bgs/menu-bg.png) no-repeat; width:1000px; height:35px} #menu_sus ul { border: 0; margin: 0; padding: 0; list-style-type: none; text-align: center;} #menu_sus ul li {display: inline; float: left; text-align: left; padding: 0; margin: 0;} #menu_sus ul li a {margin-top:7px; padding-top:3px; color: #e6f0f4; text-decoration: none; text-align: center; font: 13px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif; width:112px; height:20px; display:block; border-right:1px solid #FFF} #menu_sus ul li a:hover {background: url(/images/bgs/bg-buton.png) no-repeat; text-decoration:underline; display:block; height:25px; padding-top:10px; margin-top:0; border-right:1px solid #FFF} #menu_sus ul li#last {border-right:none; font-weight:200} #menu_sus ul li span {color: #FFF; font: 13px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif; text-decoration:none} #menu_sus ul li a#active {background: url(/images/bgs/bg-buton-home.png) no-repeat; display:block; height:25px; padding-top:10px; margin-top:0; border-right:1px solid #FFF; border-left:1px solid #FFF} #menu_sus ul li a.home:hover {background: url(/images/bgs/bg-buton-home.png) no-repeat} #jsddm li ul {margin: 0; padding: 0; position: absolute; visibility: hidden;} #jsddm li ul:hover {padding-top: 5px;} #jsddm li ul#prod:hover {padding-top: 0px;} #jsddm li ul li { float: none; display: inline; margin: 0; padding: 0;} #jsddm li ul li a { width:170px; background: #002664; color: #FFFFFF; margin: 0; padding: 0; border-bottom:1px solid #FFF; padding: 10px 0 5px 5px; font: 11px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif; text-transform:lowercase; text-align:left} #jsddm li ul li a:hover {width:170px;background: url(/images/bgs/bg-buton-hover.png) no-repeat; color: #FFFFFF; margin: 0; padding: 0; padding: 10px 0 0px 5px; text-decoration:none} /*continut*/ #continut {background: url(/images/bgs/content.gif) repeat-y; border-bottom:3px solid #dedede; width:1000px; padding:0; margin:0;overflow: hidden; padding-top:50px} #left {width: 300px; float:left; text-align:center} h1 {margin:0; padding:0; font: 16px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif; color: #002664; font-weight:bold; letter-spacing:2px} #links {width:200px; text-align:center;} #links a {color: #002664; text-decoration:none; font: 12px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif; padding-top:7px; display:block; font-weight:bold} #links a:hover {text-decoration:underline} #middle {width:420px; float:left; text-align:center;} #middle ul { border: 0; margin: 0; padding: 0; list-style-type: none; padding-left:15px; padding-right:15px;} #middle ul li {text-align: left; padding: 0; margin: 0;} #middle ul li a {color:#002664; font: 13px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif; text-decoration:none; font-weight:bold} #check1 {background:url(/images/list-item-blue.png) no-repeat; width:30px; height:30px; margin-right:25px} #check2 {background:url(/images/list-item.png) no-repeat; width:30px; height:30px; margin-right:25px} #middle ul li a:hover {text-decoration:underline} /*despre noi*/ #despre-noi {width:645px; padding-bottom:50px; min-height:600px} #despre-noi p {color:#002664; font: 12px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif; text-align: justify; text-justify: newspaper; text-indent:0px; width: 611px} #despre-noi span {color:#002664; font: 12px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif; font-weight:bold;} #despre-noi h3 {color:#002664; font: 14px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif; font-weight:bold; text-align:center} #despre-noi h4 {color:#eb6909; font: 12px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif; font-weight:bold; text-align:left; text-decoration:underline} #despre-noi a {font: 12px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif; color: #002664; font-weight:bold; text-align:center; text-decoration:none} #despre-noi a:hover {color:#eb6909} #despre-noi img {border:none} /*noutati*/ #noutate {margin-top: 40px; margin-left: 25px} #noutate h3{margin:0; padding: 0; display: inline; font-size: 12px;} #noutate h4{margin:0; padding: 0; font-size: 12px; text-decoration: none} /*contact*/ #contact {width:600px} #contact h3 {color:#002664; font: 12px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif; font-weight:bold; text-align:center} #date-contact {width:357px} #date-contact h5 {color:#002664; font: 12px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif; font-weight:bold; margin:0; padding:0} #date-contact p {color:#002664; font: 12px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif; margin:0; padding:0} #form p {color:#002664; font: 12px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;} /*produse*/ #produse {border-bottom:3px solid #dedede; padding-bottom:20px; margin-bottom:20px} #produse-left {width: 200px; float:left; text-align:center} #produse-left h1 {font-size:14px; padding-left:5px; text-decoration:underline} #produse ul li {padding-bottom:10px; text-align:left} #produse ul li a {font: 12px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif; text-decoration:none; display:block} #produse ul li a:hover {background-color: #dedede} #produse-cont {margin:0; padding:0; margin-left:10px; width:765px; min-height:800px} #prod-cont {margin-left:5px} #titlu_categorie {color: #eb6909; font: 14px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif; margin-bottom:10px; border-bottom:1px solid #dedede; font-weight:bold} #produs {width:152px; height:290px; float:left; text-align:left} #produs h3 {color: #002664; font: 12px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif; text-transform: uppercase; text-align:left;margin:0; padding:0; font-weight:bold; width:120px} #produs a {text-decoration:none} #produs img {border:none; border:1px solid #dedede; max-height:180px} #produs p {margin:0; padding:0; text-align:left; font: 10px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif} #produs p.ref {color: #eb6909; font-weight:bold;} #produs p.detalii {color: #002664; font-style:italic; width: 120px} ul#subcat {padding-bottom:10px} ul#subcat li {padding-bottom:5px;} ul#subcat li a {color:#eb6909} ul#subcat2 {padding-bottom:10px;} ul#subcat2 li {padding-bottom:5px;} ul#subcat2 li a {color:#eb6909; text-decoration:underline; color: #002664} /*accesorii*/ #accesorii {margin-top:20px} #accesorii a {text-decoration:none} #accesorii a:hover {text-decoration:underline} #accesorii div {float:left; margin-right:30px; margin-bottom:30px} #accesorii h3 {font: 16px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif; color: #002664; text-align:center} #accesorii img {border:none; border:1px solid #002664} #accesorii img:hover {border:1px solid #eb6909} /*antrenament*/ #antrenament {margin-top:20px; text-align:center} #antrenament a {text-decoration:none} #antrenament a:hover {text-decoration:underline} #antrenament div {float:left; margin-left:30px;} #antrenament h3 {font: 16px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif; color: #002664; text-align:center;} #antrenament img {border:none; border:1px solid #002664} #antrenament img:hover {border:1px solid #eb6909} /*antrenament-club*/ #antrenament-club {margin-top:20px; text-align:center} #antrenament-club a {text-decoration:none} #antrenament-club a:hover {text-decoration:underline} #antrenament-club div {float:left; margin-left:10px;} #antrenament-club h3 {font: 16px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif; color: #002664; text-align:center; width:200px} #antrenament-club img {border:none; border:1px solid #002664} #antrenament-club img:hover {border:1px solid #eb6909} /*masuri*/ #masuri-left {width: 225px; float:left; text-align:center} #masuri-cont {width: 750px; padding-bottom:30px} #masuri-cont h1{color:#eb6909; margin-left:30px; margin-bottom:20px; padding-bottom:5px; border-bottom:3px solid #dedede; width:320px; font-size:12px} #masuri ul li {padding-bottom:10px; text-align:left} #masuri ul li a {font: 12px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif; text-decoration:none; display:block;} #masuri ul li a:hover {background-color: #dedede} #masuri {border-bottom:3px solid #dedede; margin-bottom:10px} #right {float:left; text-align:left; margin-left:30px; width:240px} #right a {font: 12px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif; color: #002664; font-weight:bold; text-align:center; text-decoration:none} #right a:hover {color:#eb6909} #right #check2 {margin:0; padding:0;} #right a img { border:none; margin-top:5px} .noutate {background:url(/images/moreau.png) no-repeat; width: 40px; height: 12px; float: left;} .new {} #right h1 {font-size: 14px; margin-bottom: 10px} #right h1:hover {color:#eb6909} #right h3 {margin:0; padding: 0; display: inline; font-size: 11px;} #right h4 {margin:0; padding: 0; font-size: 12px; color:#eb6909;} #right table {margin-bottom: 20px} /*footer*/ #footer {width:1000px; clear:both} #footer p {font:10px Arial, Helvetica, sans-serif; color:#e6f0f4; margin:0; padding:0} #copyright {float:left;} #downnav {float:left; margin-right:160px} #downnav ul { border: 0; margin: 0; padding: 0; list-style-type: none; text-align: right;} #downnav ul li {display: inline; float: left; padding: 0; margin: 0;} #downnav ul li a {padding: 0px 7px; color: #e6f0f4; text-decoration: none; text-align: center; font: 12px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif; border-right:1px solid #FFF} #downnav ul li a:hover { text-decoration:underline} div.pagination { padding: 3px; margin: 3px; text-align:right; clear:both } div.pagination a { padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #AAAADD; text-decoration: none; /* no underline */ color: #000099; } div.pagination a:hover, div.pagination a:active { border: 1px solid #000099; color: #000; } div.pagination span.current { padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #000099; font-weight: bold; background-color: #002664; color: #FFF; } div.pagination span.disabled { padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #EEE; color: #DDD; } /*galerie*/ #folder {float:left; margin-right: 48px; border:3px solid #002664; margin-left: 80px} #folder h4 {margin:0; padding:0; text-align:center} #galerie { margin-left:80px} #galerie img {border:none; margin-bottom:30px} #galerie a {margin-right:50px} /*polls*/ #pollWrap{ width: 250px; } #pollWrap h3 { font-size: 1em; margin-bottom: 5px; } #pollWrap ul { margin: 0; padding: 0 0 0 5px; list-style:none; } #pollWrap li { padding: 0; overflow:hidden; /*for our lovely friend IE6 to behave nicely*/ font-size: 0.8em; } #pollWrap li span { font-size: 0.7em; } .pollChart { margin-left: 25px; height: 5px; width:1px; /*Adding rounded corners to the graphs - Optional - START*/ -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; /*Adding rounded corners to the graphs - Optional - END*/ } #pollSubmit { margin-top: 5px; } #pollMessage { color:#C00; font-size: 0.8em; font-weight: bold; } /* CSS Document */