body {
    background: #ecedef url("../img/tinda-darts.png") no-repeat center 40px;
}

/*HEADER*/
.header {}

.header .headerTop {
    border-bottom: solid 1px black;
    background: #4b4b4d;
}
.header .headerTop .headerTopInner {
    width: 960px;
    margin: auto;
    height: 39px;
}

.header .headerTop .headerTopInner .TopLinks {
    float: left;
    height: 39px;
}
.header .headerTop .headerTopInner .TopLinks a {
    line-height: 20px;
    font-size: 13px;
    text-decoration: none;
    color: white;
    padding: 0 26px 0 0;
    margin-top: 10px;
    float: left;
}
.header .headerTop .headerTopInner .TopLinks a:hover {
    color: #ffd547;
}
.header .headerTop .headerTopInner .TopLinks a.last {
    color: #ffd547;
}
.header .headerTop .headerTopInner .TopLinks a.last:hover {
    font-weight: bold;
}

.header .headerTop .headerTopInner .search {
    float: right;
    height: 39px;
    font-size: 13px;
    color: white;
}
.header .headerTop .headerTopInner .search .input {
    margin: 0;
    border: solid 1px #a8a9ab;
    width: 166px;
    background: #ecedef;
    border-radius: 5px;
    margin-top: 6px;
    margin-left: 5px;
    outline: none;
    padding: 5px 7px;
}
.header .headerTop .headerTopInner .search .button {
    margin: 0;
    margin-left: 5px;
    width: 36px;
    border-radius: 5px;
    background: #ffd547 url("../img/1367981477_search.png") no-repeat center;
    outline: none;
    padding: 5px 7px;
    border: solid 1px transparent;
}

.header .headerBottom {
    background: url("../img/bg-tile-gray.png") repeat-x top center;
}

.header .headerBottom .headerBottomInner {
    width: 960px;
    margin: auto;
    background: url("../img/sageata-header-shadow.png") no-repeat bottom center;
    position: relative;
}
.header .headerBottom .headerBottomInner .userBar {
    width: 960px;
    margin: auto;
    height: 46px;
}
.header .headerBottom .headerBottomInner .userBar .sign {
    float: right;
    width: 300px;
    height: 28px;
    background: #96989A;
    border-radius: 5px;
    margin-top: 17px;
    -webkit-box-shadow:  0px 0px 5px #333;
    box-shadow:  0px 0px 5px #333;
}
.header .headerBottom .headerBottomInner .userBar .sign a {
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    color: white;
    float: left;
    margin-top: 5px;
    padding: 0 20px 0 20px;
}
.header .headerBottom .headerBottomInner .userBar .sign a:hover {
    color: #ffd547;
}
.header .headerBottom .headerBottomInner .userBar .sign a.Inreg {
    border-right: solid 1px white;
    margin-left: 24px;
}
.header .headerBottom .headerBottomInner .menuNav {
    width: 960px;
    margin: auto;
    height: 41px;
    text-align: right;
    padding-top: 28px
}
.header .headerBottom .headerBottomInner .menuNav a {
    font-size: 16px;
    color: white;
    text-decoration: none;
    font-weight: bold;
    padding: 0 16px 0 16px;
    border-right: solid 1px white;
    text-shadow: 1px 1px #000000;
    filter: dropshadow(color=#000000, offx=1, offy=1);
}
.header .headerBottom .headerBottomInner .menuNav a.lastLinkNav {
    border: none;
    padding: 0 0 0 16px;
}
.header .headerBottom .headerBottomInner .menuNav a:hover {
    color: #ffd547;
}
.header .headerBottom .headerBottomInner .social {
    width: 960px;
    margin: auto;
    height: 50px;
}
.header .headerBottom .headerBottomInner .social .socialPos {
    width: 140px;
    height: 26px;
    padding-top: 16px;
    padding-left: 580px;
}
.header .headerBottom .headerBottomInner .social .socialPos a {
    margin-top: 8px;
}
.header .headerBottom .headerBottomInner .social .socialPos a img.facebookLogo {
    background: url("../img/facebooklogo.png");
    border: none;
}
.header .headerBottom .headerBottomInner .social .socialPos a img.twitterLogo {
    background: url("../img/twitterlogo.png");
    border: none;
}
.header .headerBottom .headerBottomInner .social .socialPos a img.googleLogo {
    background: url("../img/googlelogo.png");
    border: none;
}
.header .headerBottom .headerBottomInner .social .socialPos a img.vimeoLogo {
    background: url("../img/vimeologo.png");
    border: none;
}
.header .headerBottom .headerBottomInner .social .socialPos a img.rssLogo {
    background: url("../img/rsslogo.png");
    border: none;
}
.header .headerBottom .headerBottomInner .mainMenu {
    width: 960px;
    margin: auto;
    height: 72px;
}
.header .headerBottom .headerBottomInner .mainMenu .mainMenuBox {
    float: right;
    width: 644px;
    height: 40px;
    background: #fff212; /* Old browsers */
    background: -moz-linear-gradient(top,  #fff212 0%, #ffcf2e 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff212), color-stop(100%,#ffcf2e)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #fff212 0%,#ffcf2e 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #fff212 0%,#ffcf2e 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #fff212 0%,#ffcf2e 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #fff212 0%,#ffcf2e 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff212', endColorstr='#ffcf2e',GradientType=0 ); /* IE6-9 */
    border: solid 4px white;
    -webkit-box-shadow:  0px 0px 5px #d2d1d0;
    box-shadow:  0px 0px 5px #d2d1d0;
    -webkit-border-radius: 10px 10px 0px 0px;
    border-radius: 10px 10px 0px 0px;
    margin-top: 24px;
    text-align: center;
}
.header .headerBottom .headerBottomInner .mainMenu .mainMenuBox a {
    line-height: 40px;
    font-size: 16px;
    color: #4B4B4D;
    text-decoration: none;
    font-weight: bold;
    padding: 0 46px 0 46px;
    border-right: solid 1px white;
}
.header .headerBottom .headerBottomInner .mainMenu .mainMenuBox a:hover {
    color: white;
    text-shadow: 1px 1px #000000;
    filter: dropshadow(color=#000000, offx=1, offy=1);

}
.header .headerBottom .headerBottomInner .mainMenu .mainMenuBox a.lastMenuBoxLink {
    border: none;
}
.header .headerBottom .headerBottomInner .main-logo {
    position: absolute;
    top: 62px;
    left: 52px;
}
.header .headerBottom .headerBottomInner .main-logo img {
    background: url('../img/logo-fdr.png') no-repeat center center;
}




/*CONTENT*/
.content {
    width: 960px;
    margin: auto;
    -webkit-box-shadow:  0px 0px 5px #d2d1d0;
    box-shadow:  0px 0px 5px #d2d1d0;
    margin-top: 30px;
    background: white;
}
.content .slider {}

.content .slider .bannerSlider {
    float: left;
    width: 760px;
    height: 340px;
    background: #d2d1d0;
    margin-top: 10px;
    margin-left: 10px;
}
.content .slider .thumbsSlider {
    float: right;
    width: 170px;
    height: 340px;
    margin-top: 10px;
    margin-right: 10px;
}
.content .slider .thumbsSlider .thumb1Slider {
    height: 77px;
    background: #d2d1d0;
}
.content .slider .thumbsSlider .thumb2Slider {
    height: 77px;
    background: #d2d1d0;
    margin-top: 10px;
}
.content .slider .thumbsSlider .thumb3Slider {
    height: 77px;
    background: #d2d1d0;
    margin-top: 11px;
}
.content .slider .thumbsSlider .thumb4Slider {
    height: 77px;
    background: #d2d1d0;
    margin-top: 11px;
}

.content .mainContent {
    padding-bottom: 10px;
}
.content .mainLeft {
    width: 640px;
    margin-top: 30px;
    float: left;
}

.content .content-box {
    margin-bottom: 30px;
    padding: 0 20px;
}

.content .content-box .box-header {
    background: #ecedef;
    border: solid 1px #d2d1d0;
    padding: 14px;
}
.content .content-box .box-header .box-header-inner {
    background: url("../img/box-header-dots.png") repeat-x center center;
}

.content .content-box .box-header .box-header-inner span {
    display: block;
    float: left;
    font-size: 20px;
    font-weight: bold;
    color: #4b4b4d;
    padding: 0 20px 0 0;
    background: #ecedef;
}
.content .content-box .box-content {
    border-bottom: solid 1px #d2d1d0;
    border-left: solid 1px #d2d1d0;
    border-right: solid 1px #d2d1d0;
}
.content .content-box.no-border .box-content {
    border: none 0;
}
.content .content-box .box-content .extendedNews {
    padding-top: 20px;
    padding-bottom: 22px;
    margin-bottom: 22px;
    border-bottom: dotted 1px #d2d1d0;
    color: #4b4b4d;
    min-height: 100px;
}
.content .content-box .box-content .extendedNews .titleExtendedNews {
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 10px;
    color: #4b4b4d;
}
.content .content-box .box-content .extendedNews img.imgExtendedNews {
    border: solid 5px white;
    -webkit-box-shadow:  0px 0px 5px #d2d1d0;
    box-shadow:  0px 0px 5px #d2d1d0;
    margin-right: 20px;
}
.content .content-box .box-content .dateNews {
    font-size: 12px;
    color: black;
}

.content .content-box .box-content .news {
    width: 50%;
    float: left;
    min-height: 82px;
    margin-bottom: 10px;
}
.content .content-box .box-content .news .imgNews {
    border: solid 5px white;
    -webkit-box-shadow:  0px 0px 5px #d2d1d0;
    box-shadow:  0px 0px 5px #d2d1d0;
    margin-bottom: 10px;
    margin-right: 10px;
}
.content .content-box .box-content .news .titleNews {
    font-size: 14px;
    font-weight: bold;
    margin-right: 16px;
    color: #4b4b4d;
}
.content .content-box .box-content a {
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    color: black;
}
.content .content-box .box-content a:hover {
    color: white;
}

.content .content-box .box-footer {
    border-bottom: solid 1px #d2d1d0;
    border-left: solid 1px #d2d1d0;
    border-right: solid 1px #d2d1d0;
}
.content .content-box.no-footer .box-footer {
    display: none;
}
.content .content-box .box-content.scroll {
    overflow-x: auto;
    /*width: 600px;*/
}
.content .content-box .box-content .videoSlider { /*todo: de modificat latimea*/
    width: 900px;
}

.content .content-box .box-content .videoSlider .videoThumb {
    width: 113px;
    float: left;
    padding: 18px;
    border-right: solid 1px #d2d1d0;
}
.content .content-box .box-content .videoSlider .videoThumb .thumbnail {
    position: relative;
    padding-bottom: 14px;
}
.content .content-box .box-content .videoSlider .videoThumb .thumbnail-play-icon {
    position: absolute;
    background: url("../img/LH2-Play-icon.png") no-repeat center center;
    top: 0;
    left: 0;
}
.content .content-box .box-content .videoSlider .videoThumb a {
    font-size: 13px;
    text-decoration: none;
    color: #4b4b4d;
    font-weight: bold;
}
.content .content-box .box-content .videoSlider .videoThumb a:hover {
    color: black;
}
.content .content-box .box-footer {
    text-align: center;
    padding: 10px 0 10px 0;
}
.content .content-box .box-footer a {
    width: 14px;
    height: 14px;
    border-radius: 100%;
    display: inline-block;
    border: solid 1px #d2d1d0;
    background: #4b4b4d;
    margin-right: 5px;
    margin-left: 5px;
}
.content .content-box .box-footer a.activ {
    background: #ffd547;
}

.content .content-box .box-content .fotoHome {
    padding: 10px;
}
.content .content-box .box-content .fotoHome img {
    margin: 6px;
    border: solid 5px white;
    -webkit-box-shadow:  0px 0px 5px #d2d1d0;
    box-shadow:  0px 0px 5px #d2d1d0;
}

.content .content-box .box-content .goLeft,
.content .content-box .box-content .goRight {
    height: 170px;
    width: 49px;
    float: left;
}

.content .content-box .box-content .goLeft img {
    margin-top: 70px;
    margin-left: 9px;
    background: url("../img/1368407165_navigate-left.png") no-repeat center top;
}
.content .content-box .box-content .goLeft:hover img {
    background: url("../img/1368407165_navigate-left.png") no-repeat center bottom;
}
.content .content-box .box-content .goRight img {
    margin-top: 70px;
    margin-left: 9px;
    background: url("../img/1368407165_navigate-right.png") no-repeat center top;
}
.content .content-box .box-content .goRight:hover img {
    background: url("../img/1368407165_navigate-right.png") no-repeat center bottom;
}
.content .content-box .box-content .logosWrapper {
    width: 820px;
    height: 170px;
    float: left;
    overflow-x: auto;
}
.content .content-box .box-content .logosWrapper .logosWrapperSlider { /*todo: de modificat latimea*/
    width: 1312px;
}
.content .content-box .box-content .logosWrapper .logosWrapperSlider .logoThumb {
    width: 164px;
    height: 152px; /*todo: de modificat la 170px*/
    float: left;
}

.content .mainRight {
    width: 320px;
    margin-top: 30px;
    float: right;
}
.content .mainRight .content-box-right {
    padding-right: 20px;
}
.content .mainRight .content-box-right .box-header-right {
    border-bottom: solid 1px #d2d1d0;
    padding-bottom: 4px;
}
.content .mainRight .content-box-right .box-header-right .box-header-background {
    font-size: 20px;
    padding: 13px;
    background: #d2d1d0;
}
.content .mainRight .content-box-right .box-content-right {
    padding: 20px 0 20px 0;
}
.content .mainRight .content-box-right .box-content-right .next-event {
    padding: 0 0 10px 0;
}
.content .mainRight .content-box-right .box-content-right .next-event .date {
    float: left;
    width: 50px;
    padding: 6px 0 6px 0;
    background: #fff212; /* Old browsers */
    background: -moz-linear-gradient(top,  #fff212 0%, #ffcf2e 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff212), color-stop(100%,#ffcf2e)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #fff212 0%,#ffcf2e 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #fff212 0%,#ffcf2e 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #fff212 0%,#ffcf2e 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #fff212 0%,#ffcf2e 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff212', endColorstr='#ffcf2e',GradientType=0 ); /* IE6-9 */
    border: solid 1px #d2d1d0;
    font-size: 20px;
    font-weight: bold;
    color: #4b4b4d;
    text-align: center;
}
.content .mainRight .content-box-right .box-content-right .next-event .month {
    float: left;
    width: 50px;
    padding: 6px 0 6px 0;
    background: #ecedef;
    border-top: solid 1px #d2d1d0;
    border-right: solid 1px #d2d1d0;
    border-bottom: solid 1px #d2d1d0;
    font-size: 20px;
    font-weight: bold;
    color: #4b4b4d;
    text-align: center;
}
.content .mainRight .content-box-right .box-content-right .next-event .contest {
    float: left;
    padding-left: 10px;
}
.content .mainRight .content-box-right .box-content-right .next-event .contest p.pointsContest {
    color: #a8a9ab;
}

.content .mainRight .content-box-right .box-content-right .clasament-Box {
    padding-bottom: 20px;
}
.content .mainRight .content-box-right .box-content-right .clasament-Box .clasament-Title {
    padding: 10px 14px 10px 14px;
    background: #fff212; /* Old browsers */
    background: -moz-linear-gradient(top,  #fff212 0%, #ffcf2e 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff212), color-stop(100%,#ffcf2e)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #fff212 0%,#ffcf2e 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #fff212 0%,#ffcf2e 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #fff212 0%,#ffcf2e 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #fff212 0%,#ffcf2e 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff212', endColorstr='#ffcf2e',GradientType=0 ); /* IE6-9 */
}
.content .mainRight .content-box-right .box-content-right .clasament-Box .clasament-Title p {
    float: left;
    color: white;
    font-weight: bold;
    text-shadow: 1px 1px #000000;
    filter: dropshadow(color=#000000, offx=1, offy=1);
}
.content .mainRight .content-box-right .box-content-right .clasament-Box .clasament-Title a {
    font-size: 12px;
    float: right;
    color: black;
}
.content .mainRight .content-box-right .box-content-right .clasament-Box .clasament-Title a:hover {
    text-decoration: none;
}

.content .mainRight .content-box-right .box-content-right .clasament-Box .clasament-Line1 {
    padding: 10px 14px 10px 14px;
    background: #ecedef;
    border-top: dotted 1px #4b4b4d;
}
.content .mainRight .content-box-right .box-content-right .clasament-Box .clasament-Line2 {
    padding: 10px 14px 10px 14px;
    background: #f8f8f8;
    border-top: dotted 1px #4b4b4d;
}
.content .mainRight .content-box-right .box-content-right .clasament-Box .clasament-Line1 p {
    float: left;
    color: black;
}
.content .mainRight .content-box-right .box-content-right .clasament-Box .clasament-Line2 p {
    float: left;
    color: black;
}
.content .mainRight .content-box-right .box-content-right .clasament-Box p.points-Clasament {
    float: right;
    color: black;
    font-weight: bold;
}




/*FOOTER*/
.footer {
    margin-top: 36px;
    background: url("../img/tinda-darts.png") no-repeat center top;
}
.footer .footer-top {
    background: url("../img/bg-tile-gray.png") repeat top center;
}
.footer .footer-top .footer-top-inner {
    width: 960px;
    margin: auto;
    padding: 30px 0 20px 0;
}
.footer .footer-top .footer-top-inner .footer-top-column {
    width: 112px;
    float: left;
    padding-right: 80px;
}
.footer .footer-top .footer-top-inner .footer-top-column p.column-title {
    color: #ffd547;
    font-weight: bold;
    text-shadow: 1px 1px #000000;
    filter: dropshadow(color=#000000, offx=1, offy=1);
    padding-bottom: 10px;
}
.footer .footer-top .footer-top-inner .footer-top-column p.news-inform {
    font-size: 13px;
    color: white;
    line-height: 20px;
    padding-bottom: 5px;
}
.footer .footer-top .footer-top-inner .footer-top-column a {
    display: block;
    text-decoration: none;
    font-size: 13px;
    color: white;
    line-height: 20px;
}
.footer .footer-top .footer-top-inner .footer-top-column a:hover {
    color: #ffd547;
}
.footer .footer-top .footer-top-inner .footer-top-column .input-newsletter {
    outline: none;
    background: #4b4b4d;
    border: solid 1px black;
    padding: 5px 7px;
    border-radius: 5px;
    margin: 0;
}
.footer .footer-top .footer-top-inner .footer-top-column .button-newsletter {
    outline: none;
    background: #fff212; /* Old browsers */
    background: -moz-linear-gradient(top,  #fff212 0%, #ffcf2e 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff212), color-stop(100%,#ffcf2e)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #fff212 0%,#ffcf2e 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #fff212 0%,#ffcf2e 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #fff212 0%,#ffcf2e 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #fff212 0%,#ffcf2e 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff212', endColorstr='#ffcf2e',GradientType=0 ); /* IE6-9 */
    padding: 4px 7px;
    border-radius: 5px;
    border: solid 1px #ffffff;
    margin: 0;
    margin-top: 10px;
}

/*FOOTER BOTTOM*/
.footer-bottom {
    border-top: solid 1px black;
    background: #4b4b4d;
}
.footer-bottom .footer-bottom-inner {
    width: 960px;
    margin: auto;
    padding: 10px 0;
    color: #fff;
    font-size: 12px;
}
.footer-bottom .footer-bottom-inner a {
    text-decoration: none;
}
.footer-bottom .footer-bottom-inner span {
    color: #ffd547;
}






/*site buttons*/
.button {
    display: inline-block;
    padding: 10px 20px 10px 20px;
    border: solid 4px white;
    border-radius: 10px;
    -webkit-box-shadow:  0px 0px 5px #d2d1d0;
    box-shadow:  0px 0px 5px #d2d1d0;
}
.button.yellow {
    background: #fff212; /* Old browsers */
    background: -moz-linear-gradient(top,  #fff212 0%, #ffcf2e 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff212), color-stop(100%,#ffcf2e)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #fff212 0%,#ffcf2e 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #fff212 0%,#ffcf2e 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #fff212 0%,#ffcf2e 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #fff212 0%,#ffcf2e 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff212', endColorstr='#ffcf2e',GradientType=0 ); /* IE6-9 */
}

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}