/** Structura **/ /*
contentLeft aici
contentRight aici
*/ /** End Strucura **/ /*Generale*/ * { margin: 0; padding: 0; } html { background: #F3F5FD url(../images/htmlbackground.jpg) top left no-repeat; } body { width: 100%; margin-left: 50px; font-family: Tahoma, Verdana, sans-serif; font-size: 12px; color: #FFF; } a:link, a:visited { color: #88CA25; font-weight: none; text-decoration: none; } a:hover, a:active { color: #E44D00; text-decoration: underline; } a img { border: none; } img.imgLeft { float: left; margin: 0 5px 0 0; } img.imgRight { float: right; margin: 5px 0 5px 5px; /*T R B L*/ } img.bordered { background-color: white; border: 1px solid black; } /*End generale*/ /*LAYOUT*/ div#wrapper { text-align: left; width: 1000px; } div#content { width: 1000px; margin-top: 10px; } div#contentLeft { width: 650px; float: left; } div#contentRight { width: 205px; /* Trebuie data dimensiunea coloanei */ float: right; } /*END LAYOUT*/ /*HEADER*/ div#header { width: 1000px; } div#language { width: 150px; height: 33px; background: url(../images/languageBkg.jpg) top left no-repeat; margin-left: 780px; padding-top: 5px; color: #333; font-weight: bold; font-size: 11px; text-align: center; } div#language select, div#language select option { font-size: 11px; color: #333; } div#infoDiv p, div#infoDiv1 p, div#infoDiv2 p, div#infoDiv3 p { color: #333; margin-left: 6px; font-size: 11px; } div#infoDiv h2 { color: #333; margin-top: 10px; margin-left: 6px; margin-bottom: 10px; } div#headerBtns { width: 366px; float: left; margin-top: 193px; margin-left: 22px; } div#headerBtns a { display: block; width: 107px; height: 26px; background: transparent url('../images/headerBtn.png') top left no-repeat; margin-left: 8px; text-align: center; color: #333; font-size: 13px; font-weight: bold; line-height: 26px; } div#headerBtns a:hover { color: white; background: transparent url('../images/headerBtnOver.png') top left no-repeat; text-decoration: none; } div#infoDiv, div#infoDiv1, div#infoDiv2, div#infoDiv3 { width: 346px; height: 96px; padding: 10px; position: absolute; top: 117px; left: 70px; background: transparent url('../images/headerDiv.png') top left no-repeat; color: #333; } div#infoDiv { z-index: 1; } div#infoDiv1 { z-index: 2; } div#infoDiv2 { z-index: 3; } div#infoDiv3 { z-index: 4; } div#logo { width: 406px; height: 180px; position: absolute; background: url(../images/sigla.png) top left no-repeat; margin-top: 90px; margin-left: 556px; } html>body div#logo { *margin-left: 180px; } div#mainNav { width: 955px; height: 87px; background: url(../images/mainNavBgk.png) top left no-repeat; margin-top: 270px; margin-left: 20px; } html>body div#mainNav { *margin-top: 60px; } div#mainNav ul { margin-left: 250px; } div#mainNav ul li { display: inline; margin-left: 5px; } div#mainNav ul li a { color: black; font-size: 17px; font-family: Tahoma, Geneva, sans-serif; width: 115px; height: 30px; display: block; line-height: 30px; padding: 3 5px; float: left; text-align: center; margin-top: -28px; } div#mainNav ul li a:hover { color: white!important; background: url(../images/mainnavHover.png) top left no-repeat; padding: 3 5px; text-decoration: none; } div.search { width: 201px; height: 23px; background: url(../images/searchInput.jpg) bottom left no-repeat; padding-top: 35px; margin-left: 25px; } div.searchleft { width: 27px; height: 22px; float: left; background: transparent url(../images/searchLeft.png) top left no-repeat; } div.searchB { width: 174px; height: 22px; float: right; } div.searchmiddle { widht: 165px; height: 22px; float: left; } input.middle { width: 163px; padding-top: 3px; height: 22px; line-height: 22px; background: transparent; border: none; text-indent: 35px; color: #333; } html>body input.middle { *text-indent: 5px; } div.searchright { width: 9px; height: 22px; float: right; background: url(../images/searchRight.png) top left no-repeat; } /*END HEADER*/ /*CONTENT*/ div#contentLeft { width: 624px; float: left; margin-top: 10px; margin-left: 30px; } div.contentLeftTop { width: 624px; height: 46px; background: url(../images/black.jpg) top left no-repeat; } div.contentLeftTop p.bullet { margin-left: 580px; } div.contentLeftTop a:hover { color: #F60; } div.contentLeftTop p.bullet { margin-top: -20px; } div.contentLeftTop h3 { font-size: 17px; margin-left: 60px; padding-top: 13px; font-weight: normal; } div.contentLeftMiddle { width: 610px; background: url(../images/leftMiddle.jpg) top left repeat-y; padding-bottom: 30px; padding-right: 14px; min-height: 380px; color: #333; } div.contentLeftMiddle h1 { color: black; padding-top: 20px; margin-left: 15px; margin-bottom: 10px; font-size: 21px; clear: both; } div.contentLeftMiddle p { color: #333; text-align: justify; margin-left: 10px; margin-right: 20px; margin-top: 10px; } div.contentLeftMiddle ul { margin: 10px 15px 10px 40px; } div.contentLeftMiddle p.link a { color: #333; display: block; width: 92px; height: 22px; line-height: 22px; background: url(../images/link.jpg) top left no-repeat; text-align: center; float: right; font-size: 11px; font-weight: bold; } div.contentLeftMiddle p.link a:hover { color: white; background: url(../images/linkOver.jpg) top left no-repeat; } div.contentLeftBottom { width: 624px; height: 66px; margin-left: 1px; background: url(../images/leftBottom.png) top left no-repeat; } div.contentLeftBottom p { text-align: left; margin-left: 16px; padding-top: 16px; } div.contentLeftBottom a { color: white; font-size: 13px; font-weight: bold; } div.contentLeftBottom h2 { text-align: right; margin-right: 20px; margin-top: -20px; font-size: 15px; font-weight: normal; color: black; } div.contentLeftBottom a:hover { color: #E44D00; } div#contentRight { width: 278px; float: right; margin-top: 10px; margin-right: 35px; } div.contentRightTop { width: 278px; height: 44px; background: url(../images/rightTop.jpg) top left no-repeat; } div.contentRightTop h1 { text-align: left; text-indent: 10px; padding-top: 10px; font-size: 21px; font-weight: normal; } div.contentRightMiddle { width: 278px; background: url(../images/rightMiddle.jpg) top left repeat-y; } div.contentRightMiddle p { color: #333; text-align: justify; margin-left: 10px; margin-right: 10px; margin-top: 10px; margin-bottom: 10px; font-size: 11px; } div.contentRightBottom { width: 278px; height: 44px; background: url(../images/rightTop.jpg) top left no-repeat; } div.contentRightBottom h2 { text-align: right; margin-right: 10px; padding-top: 15px; font-size: 15px; color: black; font-weight: normal; } /* CONTENT RIGHT */ div#miniPort { width: 267px; height: 288px; padding: 5px; background: transparent url(../images/bkgMiniPort.jpg) top left no-repeat; margin: 10px auto; position: relative; } /*div.carousel-wrap { margin-top: 30px; clear: both; } a.carousel-previous { position: absolute; top: 12px; left: 10px; } a.carousel-next { position: absolute; top: 12px; right: 10px; } div.center-wrap a { padding: 0 6px; margin-left: 3px; background: transparent url(../images/icons/portEmpty.jpg) top left no-repeat; text-indent: -10000px !important; } div.center-wrap a:hover, div.center-wrap a.active { background: transparent url(../images/icons/portCurrent.jpg) top left no-repeat; }*/ #carousel-wrapper { width: 255px; height: 255px; overflow: hidden; margin: 0 auto; } #carousel-content { width: 2500px; } #carousel-content .slide { float: left; width: 255px; height: 255px; margin: 0 auto; color: #666; } #carousel-content .slide h3 { text-indent: 7px; margin-bottom: 10px; font-weight: normal; color: #333; } #carousel-content .slide p { font-size: 10px; } a.carousel-jumper { padding: 0 6px; margin-left: 3px; background: transparent url(../images/icons/portEmpty.jpg) top left no-repeat; } a.carousel-jumper:hover, a.carousel-selected { background: transparent url(../images/icons/portCurrent.jpg) top left no-repeat; } div.contentLeftBottom a.carousel-jumper { padding: 0; padding-bottom: 10px; font-size: 11px; text-decoration: underline; color: #333; margin-left: 3px; background: none; font-weight: normal; } div.contentLeftBottom a.carousel-jumper:hover, div.contentLeftBottom a.carousel-selected { color: white; } #article-wrapper { width: 614px; /*height: 255px;*/ overflow: hidden; margin: 0 auto; } #article-content { width: 6500px; } #article-content .article { float: left; width: 614px; /*height: 255px;*/ margin: 0 auto; } div#article-content h3 { margin: 10px 0 10px 20px; } div#article-content div.portItem h3 { text-align: left; margin: 0 0 0 5px; } div.portItem hr { color: #F3F3F3; margin: 0 5px; } div.portItem small { text-align: left !important; margin-left: 0; color: #666; font-size: 9px; } div.portItem small.tags { color: #E44D00; } /* END CONTENT RIGHT */ div.arrowNav { margin: 10px auto; } div.arrowNav ul li a { display: block; width: 263px; height: 35px; background: url(../images/arrow.jpg) top left no-repeat; padding-top: 15px; font-size: 17px; color: #333; font-weight: bold; text-indent: 45px; } div.arrowNav ul li a:hover, div.arrowNav ul li a.current { background: url(../images/arrow-over.jpg) top left no-repeat; text-decoration: none !important; } div#secNav { width: 267px; margin: 0 auto; margin-top: 10px; } div#secNavTop { width: 267px; height: 7px; background: url(../images/secNavTop.jpg) top left no-repeat; } div#secNavMid { width: 267px; background: url(../images/secNavMid.jpg) top left repeat-y; padding-bottom: 15px; } div#secNavBot { width: 267px; height: 10px; background: url(../images/secNavBot.jpg) top left no-repeat; } div#secNavMid ul { list-style: none; margin-left: 20px; margin-right: 32px; } div#secNavMid li { padding-bottom: 10px; border-bottom: 1px solid #333; } div#secNavMid li a { display: block; width: 267px; height: 41px; line-height: 47px; font-size: 21px; font-weight: normal; color: #333; margin-left: -26px; text-indent: 26px; } div#secNavMid li a:hover, div#secNavMid li.current a { color: white; text-decoration: none; background: url(../images/secNavOver.png) top left no-repeat; } /* PORTOFOLIU */ div.portItem { background: url(../images/bkgMiniPort.jpg) top left no-repeat; width: 257px; height: 278px; padding: 10px; margin: 0 auto; } div.portItem p { font-size: 10px; } /* END PORTOFOLIU */ /*END CONTENT*/ /*FOOTER*/ div#footer { background: url(../images/footerBkg.png) top left repeat-x; margin-top: 20px; width: 100%; margin-left: -50px; } div.footerLeft { width: 350px; float: left; margin-left: 90px; padding-top: 20px; } div.footerRight { width: 650px; float: right; margin-right: 170px; padding-top: 20px; } div.footerRightA { width: 280px; color: #333px; float: left; } div.footerRightA h2{ color: black; text-align: center; margin-bottom: 10px; margin-top: 15px; } div.footerRightA h3{ color: black; text-align: center; margin-bottom: 20px; } div.footerRightB { width: 370px; color: #333px; float: right; margin-right: -60px; } div.footerRightB h2 { color: #88CA25; margin-left: 13px; margin-bottom: 10px; margin-top: 15px; } div.user input { border: 2px solid #88CA25; height: 19px; line-height: 19px; background-color: #696969; color: white; margin-bottom: 3px; text-indent: 5px; margin-left: 10px; } div.user a { color: black; font-family: Tahoma, Geneva, sans-serif; } div.user a:hover { color: #88CA25; } div.footerRightA ul li { display: block; margin-top: 5px; margin-left: 20px; } div.footerRightA ul li a { color: black; font-weight: bold; font-family: Tahoma, Geneva, sans-serif; } div.footerRightA ul li a:hover { color: #E44D00; } div#news { width: 340px; height: 70px; padding-top: 5px; padding-bottom: 5px; } div#news h2 a { color: #88CA25; font-size: 12px; text-align: left; text-decoration: none; margin-left: 10px; } div#news h2 { margin-top: 10px; } div#news h2 a:hover { color: #E44D00; text-decoration: none!important; } div#news p { color: #333; text-align: left; } div#news p.poze { margin-left: 5px; } div#news p.post { text-align: left; margin-left: 70px; } div#news span { margin-left: 10px; } div#news a { color: black; } div#news a:hover { text-decoration: underline; } div#postfooter { width: 955px; height: 87px; background: url(../images/postFooterBkg.png) top left no-repeat; margin-left: 75px; margin-top: 15px; padding-bottom: 15px; } div#postfooter a { color: black; font-family: Tahoma, Geneva, sans-serif; text-decoration: underline; font-weight: normal; color: #333; } div#postfooter a:hover { color: #E44D00; text-decoration: underline; } div#postfooter p.siglamica { text-align: right; margin-right: 10px; } div#postfooter td { color: black; font-size: 11px; } div#postfooter span { color: black; } div#postfooter span a:hover { color: #679E16; font-family: Tahoma, Geneva, sans-serif; text-decoration: underline; } div#footer h3 { font-size: 15px; font-weight: bold; color: black; margin-bottom: 10px; } /*END FOOTER*/ /* FORMS */ form p { margin-bottom: 5px; } form label { } input.txtBox { width: 234px; height: 28px; background: transparent url(../images/forms/input.png) top left no-repeat; border: none; font-size: 15px; color: black; padding: 6px 2px 0 3px; } input.txtBox:focus { background: transparent url(../images/forms/input-over.png) top left no-repeat; } select.selBox { width: 338px; height: 28px; background: transparent url(../images/forms/select.png) top left no-repeat; border: none; font-size: 15px; color: black; padding: 5px 2px 0 3px; } select.selBox:focus { background: transparent url(../images/forms/select-over.png) top left no-repeat; } textarea.txtArea { width: 338px; height: 75px; background: transparent url(../images/forms/text.png) top left no-repeat; border: none; font-size: 13px; font-family: Tahoma, Verdana, sans-serif; color: black; padding: 5px 2px 0 3px; } textarea.txtArea:focus { background: transparent url(../images/forms/text-over.png) top left no-repeat; } input.frmBtn { width: 86px; height: 28px; line-height: 28px; background: transparent url(../images/forms/btn.jpg) top left no-repeat; border: none; font-size: 13px; font-weight: bold; font-family: Tahoma, Verdana, sans-serif; color: white; } input.frmBtn:hover { color: black; } /* END FORMS */