/*@font-face {font-family: 'segoe';
src: url('/progecto/fonts/segoe.eot?#iefix') format('embedded-opentype'), url('/progecto/fonts/segoe.ttf') format('truetype');}*/


/*general*/
.title, .negtitle {font-size: 24px; letter-spacing: 4px; font-weight: normal; margin-bottom: 24px;}
.title {color:#7289aa;}
.negtitle  {color:#fff;}
.bigtitle {font-size: 32px; font-style:italic; margin-bottom: 24px; line-height: 1;}
.sectitle {font-size:16px; font-weight: normal; color:#7289aa; margin-bottom: 8px; padding-top: 8px;}
.error, .msgsent {color:#f30;}
a {text-decoration:none; color:#993440; cursor: pointer;}
a:hover {color:#181e27;}
.buton-pb:hover {background-color:#808080;}

ul {list-style-type:square;}
ul, ol {list-style-position:inside;}
.clrboth {clear:both;}

html, body {height:100%;}
body {font-size:12px; margin:0px; padding:0px; color:#181e27; background-color:#fff;}
body, textarea {font-family:Arial, Helvetica, sans-serif; line-height:1.4;}

#main-header {background-color: #181e27; background-image: url(../images/bg.jpg); background-position: top center; background-repeat: no-repeat; color: #fff;}
#header {width:960px; height:140px; margin: 0 auto; position:relative;}
#main-header  h1 {position: absolute; top:20px; left:144px; font-style: italic; font-weight: normal; letter-spacing: 4px;}
#main-header  h1 span {font-size: 14px; font-weight: bold;}
#main-header  .sigla {position:absolute; top:10px; left:0;}

#search {position:absolute; top:64px; right:0;}
#search input[type="submit"] {width:20px; margin-left: 8px; background-image:url(../images/lupa.png); background-repeat: no-repeat; background-color: transparent; border: none;}
#search input[type="text"] {height:18px; background-color: #d5dce6; border-color: #7289aa;}
#search input[type="submit"]:hover {background-image:url(../images/hlupa.png); cursor: pointer;}
#account {position: absolute; top:0; left:574px; z-index: 2;}
#login {padding: 12px 0 0 8px;}
#login input {margin-bottom: 4px; margin-right: 8px; width:108px; height:18px; background-color: #d5dce6; border:1px solid #7289aa;}
#login a {color:#d5dce6; cursor: pointer; width:18px; height:18px;}
#login a:hover {color:#fff;}
#drawer {width:124px; height:32px; text-align: center; background-image:url(../images/membri.png); padding-top:4px;}
#drawer a {cursor: pointer; padding:8px 12px 8px 12px;}

footer {height:216px; width:100%; position:absolute; left:0px; bottom:0px; overflow:hidden; }
footer section {width:960px; margin: 0 auto;}
footer section h1 {font-size: 16px; text-transform: uppercase; font-style: italic; color:#7289aa; margin-bottom: 4px;}
footer section img {float:left; margin-right:32px;}
#sponsorlist {border-top:1px solid #d5dce6; padding-top: 12px; padding-bottom: 12px;}
#centered {display:table; margin:0 auto;}
footer article {height:100%; background-color: #7289aa; color: #d5dce6; background-image: url(../images/footbg.jpg); background-position: top center; background-repeat: no-repeat; border-top:1px solid #566882;}
footer article h1 {font-weight: normal; font-size: 11px; margin-bottom:8px; margin-top:16px;}
#contact {width:960px; margin: 0 auto; position:relative; text-align: center; font-size: 10px;}

#wrapper {min-height:100%; position:relative;}
.container {padding-bottom:240px; position:relative; width:960px; margin: 0 auto; margin-top: 48px; overflow: hidden;}

/*meniu*/
#main-nav {position: absolute; right:0; bottom:0px; z-index:1;}
#main-nav .item-selected {padding: 0 16px 0px 16px; color:#fff; background-image: url(../images/selector.png); background-position: bottom center; background-repeat: no-repeat;}
#main-nav li {float: left; height:27px; display:inline-block; list-style: none;}
#main-nav li a {display: block; height:27px; padding: 0 16px 0px 16px; text-decoration: none; color: #fce57e; white-space: nowrap}
#main-nav li a:hover {color:#fff;}
#main-nav li span {display: block; height:27px; padding: 0 16px 0px 16px; color: #fce57e; background-image: url(../images/marker.png); background-position: bottom center; background-repeat: no-repeat; white-space: nowrap; cursor:pointer;}
#main-nav li ul {margin: 0; padding: 0; position: absolute; visibility: hidden; border:1px solid #fff; border-bottom:none;}
#main-nav li ul li {float: none; display: list-item; padding:0; border-bottom:1px solid #fff;}
#main-nav li ul li a {width: auto; background-color: #181e27; padding-top: 6px; height:21px;}

#logged-menu {position: absolute; top:8px; right:12px; width:250px; height: 25px; text-align: right; }
#logged-menu a {color: #fce57e;}
#logged-menu a:hover {color:#fff;}

#lang-nav {position: absolute; bottom: 0; left: 150px;}
#lang-nav li {float: left; height:27px; display:inline-block; list-style: none; color: #fff; padding-right: 10px;}
#lang-nav li a {text-decoration: none; color: #fce57e; white-space: nowrap}


/*slider */
#slider-container {position:relative; width:960px; margin: 0 auto;}
#slider {position:relative; width:720px; height:155px; margin: 0 auto; margin-top: 64px; border-bottom:1px solid #d5dce6;}
#slider .dt-slide {width: 720px; height: 135px; font-style: italic;}
#slider .dt-slide img {float:left; margin-right: 32px;}
#slider .dt-slide h1 a {font-size: 24px; color:#993440;}
#slider .dt-slide h1 a:hover {color:#181e27;}
#slider .dt-slide p {margin-top:12px;}

#backSlide, #nextSlide {position:absolute; top:56px; cursor:pointer; width:18px; height:24px;}
#backSlide {left:51px; background-image: url(../images/left.gif);}
#nextSlide {right:51px; background-image: url(../images/right.gif);}
#backSlide:hover {background-image: url(../images/hleft.gif);}
#nextSlide:hover {background-image: url(../images/hright.gif);}
#promo {position:absolute; width:100%; margin-top:12px;}
#promo-nav {display:table; margin:0 auto;}
#promo-nav li {margin-right:8px;}
.linline li {float:left; list-style:none;}
.link-square, .sel-square {width:12px; height:12px;}
.link-square {background-image: url(../images/punct.gif);}
.sel-square {background-image: url(../images/spunct.gif);}
.link-square:hover {background-image: url(../images/hpunct.gif);}


#contactus {width:620px; margin:0 auto; margin-top: 64px;}
#post-box {width:580px; padding:10px 20px 10px 20px;}
#post-box a {color:#323232; cursor:pointer;}
#contactus h1 {margin-left:20px; margin-bottom:20px;}
#post-box table {overflow:hidden; border-collapse:collapse;}
#post-box table td {padding-bottom:10px; padding-top:10px;}
input, textarea {background-color:#d5dce6; padding-left: 4px; margin:0px; overflow:hidden; color:#000; border:1px solid #7289aa; font-family:Arial, Helvetica, sans-serif;}
input {height:20px;}
.label {width:60px;}
.sinput, input {width:216px;}
.linput, #subiect, textarea {width:518px;}
#empty {width:20px;}
.buton-pb {width:auto; padding:0 10px 0 10px; height:30px; float:right; margin-top:10px; margin-bottom:10px; border:none; color:#fff; background-color:#993440; text-align:center; cursor:pointer; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
.buton-pb:hover {color:#fff; background-color:#181e27;}

.invalid-form-field  {border-color:#f30;}

.error-msg {margin-bottom:20px; text-align:center; color:#f30;}
.succes-msg {margin-bottom:20px; text-align:center; color:#6c0;}
.info-msg {margin-bottom:20px; text-align:center; color:#09f;}


/*services*/
#columns {margin-top: 72px; padding-bottom: 264px;}
.leftside, #center, .rightside {width:300px;}
#center {float: left; padding: 0 10px 0 10px;}
.leftside {float: left; padding-right: 20px;}
.rightside {float:right; padding-left: 20px;}
.multimedia .img-play, .news img {float:left; margin:0 12px 4px 0}

.multimedia .img-play {border:1px solid #993440; cursor: pointer; width:120px; height: 90px; position: relative;}
.multimedia .img-play:hover {border:1px solid #181e27;}
.multimedia .play {width:120px; height: 90px;position: absolute; left: 0; top: 0;}
.multimedia {margin-bottom: 12px;}
.news {padding-bottom: 8px; border-bottom: 1px solid #d5dce6; margin-bottom: 12px;}
.news h1 {margin-bottom: 8px;}
.leftside select, .rightside select {width:300px; margin-bottom: 12px;}
#table {width:300px; margin-bottom: 24px; border-collapse: collapse; border-bottom: 4px solid #d5dce6;}
#table td {padding: 6px 6px 6px 12px; background-color: #f5f5f5; vertical-align: middle;}
#table .par td {background-color: #fafafa;}
.points {text-align: right;}
#champ .team {text-align: left;}
#col1 {width:24px;}
#col3 {width:64px;}
.other {cursor:pointer; width: 268px; padding: 8px 0 8px 32px ; color:#fff; background-color: #993440; margin-bottom: 12px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
.other:hover {background-color: #181e27;}
.other h1 {font-size:16px; font-weight: normal;}

.leftpage {width:620px; float: left;}
.rightpage {width:620px; float: right;}
#content {margin-bottom: 24px;}
#content  p, #artimg {margin-bottom: 12px;}

.docdld {margin-bottom: 12px;}
.docdld li {list-style-image: url(../images/dload.gif); cursor: pointer;}

#album {width:640px; float: right;}
#album h1 {margin-left: 38px;}
#album img {float: left; margin-left: 38px; margin-bottom: 38px; border:1px solid #993440; cursor: pointer;}
#album img:hover {border:1px solid #181e27;}


#bigtable {width:620px; margin-bottom: 24px; border-collapse: collapse;}
#bigtable td {padding: 8px 12px 12px 12px; background-color: #f5f5f5; vertical-align: middle;}
#bigtable .par td {background-color: #fafafa;}
#bigtable th {text-align: left; padding: 8px 12px 12px 12px; color: #7289aa; vertical-align: middle;}
#colb1 {width:160px;}
#colb3 {width:160px;}

#staff{width:620px; margin-bottom: 24px; border-collapse: collapse;}
#staff td {padding: 8px; background-color: #f5f5f5; vertical-align: middle;}
#staff td span {font-size: 10px;}
.subiect {font-weight:bold; font-size: 14px; font-style: italic;}
#staff .par td {background-color: #fafafa;}
#cols1 {width:80px;}
#cols3 {width:160px;}
.right {text-align: right; color:#7289aa;}

#estaff{width:620px; margin-bottom: 24px; border-collapse: collapse;}
#estaff td {padding:8px; background-color: #f5f5f5; vertical-align: middle;}
#estaff .par td {background-color: #fafafa;}
#coles1 {width:80px;}
#coles3 {width:160px;}
#coles4, #coles5 {width:16px;}
.edit a {width:16px; height:16px; background-image: url(../images/edit.gif); display: block;}
.edit a:hover {background-image: url(../images/hedit.gif);}
.delete a {width:16px; height:16px; background-image: url(../images/delete.gif); display: block;}
.delete a:hover {background-image: url(../images/hdelete.gif);}

#palm{width:620px; margin-bottom: 24px; border-collapse: collapse;}
#palm td {padding: 8px; background-color: #f5f5f5; vertical-align: middle;}
#palm .par td {background-color: #fafafa;}
#colp1 {width:64px;}
#colp2, #colp3 {width:96px;}
#colp4 {width:200px;}


#champ {width:620px; margin-bottom: 24px; border-collapse: collapse; border-bottom: 4px solid #d5dce6;}
#champ td {padding: 8px; background-color: #f5f5f5; vertical-align: middle; text-align: center;}
#champ .par td {background-color: #fafafa;}
#champ th {text-align: left; padding: 8px; color: #7289aa; vertical-align: middle; text-align: center;}
#colc2, #colc3, #colc4 {width:64px;}
#colc5, #colc6 {width:108px;}
#etape {margin-bottom: 24px;}
#champ tr .extrarow, #table tr .extrarow {text-align: right; padding-bottom:16px; font-style: italic; background-color: #fafafa;}
#table tr .extrarow {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop( 0.0, #d5dce6 ), color-stop( 0.32, #d5dce6 ), color-stop( 0.32, #fafafa ), color-stop( 1.0, #fafafa ));
  background-image: -webkit-linear-gradient(top, #d5dce6, #d5dce6 32%, #fafafa 32%, #fafafa );
  background-image: -moz-linear-gradient(top,#d5dce6,#d5dce6 32%,#fafafa 32%,#fafafa );
  background-image: -ms-linear-gradient(top,#d5dce6,#d5dce6 32%,#fafafa 32%,#fafafa );
  background-image: -o-linear-gradient(top,#d5dce6,#d5dce6 32%,#fafafa 32%,#fafafa );
  background-image: linear-gradient(top, #d5dce6, #d5dce6 32%, #fafafa 32%,#fafafa );
}
.extrarow span {font-size: 10px;}

.sigla-fifta { display: block; width: 131px; height: 73px; position: absolute; right: 0; top: 20px; }

#schedule {width:620px; margin-bottom: 24px; border-collapse: collapse;}
#schedule td {padding: 8px 12px 12px 12px; background-color: #f5f5f5; vertical-align: middle;}
#schedule .par td {background-color: #fafafa;}
#schedule th {text-align: left; padding: 8px 12px 12px 12px; color: #7289aa; vertical-align: middle;}
#colh1 {width:128px;}
#colh5 {width:160px;}
#colh3, #colh4, #colh6 {width:16px;}
.info a {width:16px; height:16px; background-image: url(../images/info.gif); display: block;}
.info a:hover {background-image: url(../images/hinfo.gif);}


.submenu {width: 244px; padding: 24px 24px 24px 32px; color:#fff; background-color: #181e27; margin-bottom: 12px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
.submenu a {color:#fce57e; cursor: pointer;}
.submenu a:hover {color:#fff;}
.maincateg li {padding: 4px 0 4px 0;}
.subcateg li {padding: 0 0 4px 0; padding-left: 14px;}

#sponsor {cursor: pointer; height:39px; width:auto; float:left; margin-right:32px; background-color: #fff; border:1px solid #7289aa; padding: 12px; color:#7289aa; text-align: center; vertical-align: middle;}
#sponsor span {font-size: 16px;}
#sponsor:hover {border-color:#181e27; color:#181e27;}

#card {font-style: italic; width:100%; position: relative;}
#card h1 {font-size:16px; margin-bottom: 12px; text-transform: uppercase;}
.back {width: 100%; display: block; text-align: right; margin-bottom: 10px;}

.loc-sigla {width: 144px; height: 88px; float:left; margin: 0 40px 20px 0; text-align: center;}

.tabs {width:100%; height:27px; border-bottom: 4px solid #d5dce6;}
.tabs li {float: left; height:18px; display:inline-block; list-style: none;  margin-right:1px;}
.tabs li a { text-decoration: none;  white-space: nowrap; }
.seltab { display: block; padding: 8px 10px 0 10px; height:19px; background-color: #d5dce6; border-bottom: 1px solid #d5dce6; color:#181e27; font-weight: bold;border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0;}
.linktab {display: block; padding: 8px 10px 0 10px; height:19px; background-color: #993440; border-bottom: 1px solid #fff; color: #fff;border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0;}
.linktab:hover {background-color: #181e27;color: #fff;}

.etape {width:100%; height:19px; background-color: #d5dce6; padding-top: 4px;}
.etape li {float: left; height:19px; display:inline-block; list-style: none; margin-left: 16px;}

#editprofil {position: absolute; top:0; right:0;}
#editprofil a, #reply a {width:144px; height:24px; padding-top: 8px; background-color: #993440; display: block; text-align: center; margin-bottom: 8px; font-style: normal; color:#fff; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px}
#editprofil a:hover, #reply a:hover {background-color: #181e27;}

.articol {width:100%; border-top:1px solid #d5dce6; padding-top:8px; margin-bottom: 16px;}
.articol header h1 {width:480px; float:left; font-size:16px; margin-bottom: 8px;}
.articol header p {width:120px; float:right; color:#d5dce6; text-align: right;}
.articol div img {float:left; margin-right: 12px; margin-bottom: 8px; margin-top: 4px;}


#albums {width:640px; float: right;}
#albums h1 {margin-left: 25px;}
.album {width:135px; height: 185px; margin-bottom: 25px; float:left; margin-left: 25px; overflow: hidden;}
.albumimg {width:135px; height:105px; background-image:url(../images/album.png); position: relative; margin-bottom: 8px; margin-top:8px;}
.albumimg:hover {background-image:url(../images/halbum.png); cursor: pointer;}
.albumimg img {position: absolute; bottom: 5px; right: 5px;}
#albums .album h1, #albums .album p {margin-left: 0;}
#albums .album span {font-size: 10px; color:#d5dce6;}

.comspace {border:1px solid #d5dce6; padding: 12px; width:592px; margin-bottom: 24px;}
#content .user p {margin-bottom: 0;}
.user {width:152px; float: left; padding-right: 8px; text-align: center; font-size: 10px; color:#7289aa;}
.user img {margin-bottom: 12px;}
.combox {width: 415px; min-height:108px; float:right; border-left:1px solid #d5dce6; padding-left: 16px; padding-top: 8px; position: relative;}
.comdate {position: absolute; top:0; right:0; color:#d5dce6; font-weight: bold;}
#categnav {margin-bottom: 12px;}

.mesaj-fantoma {width: 960px; margin: 0 auto; margin-top: 10px;}
.error-msg {padding:5px;margin-bottom:12px; margin-top:4px; text-align:center; color:#000; background-color:#fbb8b8; border:1px dotted #6e1e1e; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.succes-msg {padding:5px;margin-bottom:12px; margin-top:4px; text-align:center; color:#000; background-color:#78dd73; border:1px dotted #20711b; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.info-msg {padding:5px;margin-bottom:12px; margin-top:4px; text-align:center; color:#000; background-color:#75c5f7; border:1px dotted #1b5071; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.no-obj {padding:5px;margin-bottom:12px; margin-top:4px; text-align:center; color:#000; background-color:#cccccc; border:1px dotted #404040; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }

.rubrica-ingusta {margin-bottom: 25px;}

.valign {vertical-align: middle;margin-right: 10px;}

#nrpag {border-top: 1px dotted #7289aa; padding-top: 12px; font-size: 14px;}
#nrpag li a  {cursor:pointer; text-decoration: underline;}
#nrpag li {display:inline-block; float:left; margin-left:12px;}

.buton {display:inline-block; width:auto; height:14px; padding:4px 12px 6px 12px; color:#fff; margin-bottom:3px; margin-top: 10px;
        background-color:#993440; cursor:pointer; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px;}
.buton:hover {background-color:#181e27; color:#fff;}

.left {vertical-align: middle;margin-right: 10px;}
.fl-left {float:left; margin-right:10px;}

.adauga-subiect {height: 25px; background-color: #7289aa; text-align: center; margin-bottom: 15px; color:#fff; padding-top: 10px; cursor: pointer;}

.combox div {margin-bottom: 15px;}
.add-titlu input {background-color: #f4f4f4; width: auto; margin-left: 23px; width: 350px;}
.mediumtitle, .page-title {font-size: 24px; font-style:italic; margin-bottom: 10px; line-height: 1;}

.tbl-simplu td {padding-bottom: 5px; padding-left: 10px;}
.tbl-simplu td input {background-color: #f4f4f4;}
.tbl-simplu td input[type=checkbox] {width: auto;}
.tbl-simplu td input[type=file] {width: auto; background-color: #fff;}


/*INFO BOX*/
#box-pointer {position: absolute; width: 11px; height: 22px; right: -11px; top: 5px; background-image: url(../images/pointer.png);}
#info-box {background-color: #fff; border: 2px solid #a7b4c6; padding: 10px;}
#info-box {
-moz-box-shadow: -6px 6px 5px #ddd;
-webkit-box-shadow: -6px 6px 5px #ddd;
box-shadow: -6px 6px 5px #ddd;
}
#box-close {position: absolute; width: 24px; height: 23px; right: 5px; top: 5px;}
#box-content h2 {font: normal 24px Arial, Helvetica, sans-serif; margin-bottom: 5px; }
.box-descriere {font-size: 14px; margin-bottom: 20px;}
.box-perioada {font-size: 18px; font-weight: bold; margin-bottom: 5px;}
.box-echipe, .box-probe {width: 50%; float: left; margin-top: 20px;}
#box-content table {border-collapse:collapse;margin-top: 5px;}
#box-content table td, #box-content table th {text-align: center; width: 40px; border: 1px dotted #ccc; height: 30px;}