﻿#bg{background-color:#fbf8f3;background-image:url(/minisites/tamam/images/bg_tamam_home.jpg); background-position: center 177px;background-repeat: no-repeat;}
#bgelli{background-color:#fbf8f3;background-image:url(/minisites/tamam/images/bg_tamam_elli.jpg); background-position: center 177px;background-repeat: no-repeat;}
#bgepisodes{background-color:#fbf8f3;background-image:url(/minisites/tamam/images/bg_tamam_episodes01.jpg); background-position: center 177px;background-repeat: no-repeat;}
#bgphotos{background-color:#fbf8f3;background-image:url(/minisites/tamam/images/bg_tamam_photos.jpg); background-position: center 177px;background-repeat: no-repeat;}
#bgchar{background-color:#fbf8f3;background-image:url(/minisites/tamam/images/bg_tamam_characters.jpg); background-position: center 177px;background-repeat: no-repeat;}
#bgpress{background-color:#fbf8f3;background-image:url(/minisites/tamam/images/bg_tamam_press.jpg); background-position: center 177px;background-repeat: no-repeat;}
#bgsocial{background-color:#fbf8f3;background-image:url(/minisites/tamam/images/bg_tamam_social.jpg); background-position: center 177px;background-repeat: no-repeat;}
#bggame{background-color:#fbf8f3;background-image:url(/minisites/tamam/images/bg_tamam_competition.jpg); background-position: center 177px;background-repeat: no-repeat;}
#bggamenew{background-color:#fbf8f3;background-image:url(/minisites/tamam/images/tamam_bg_game.jpg); background-position: center 177px;background-repeat: no-repeat;}
#bgwallpapers{background-color:#fbf8f3;background-image:url(/minisites/tamam/images/bg_tamam_wallpapers.jpg); background-position: center 177px;background-repeat: no-repeat;}
.sprite {background-image:url(/minisites/tamam/images/Sprite_Ekdromi.png); width: 262px; height: 600px; display: block;}
.titlepage {font-size: 23px;}
.maincont {margin-top: -15px; min-height: 900px;}
#logoblank {height: 145px;left: 50%;margin-left: -486px;position: absolute;width: 450px;}
.heigt {height: 405px;}
.heigtelli{height: 405px;}
.msmenu {width: 1000px;}
.leftmainimg {float: left;width: 400px;}
.rightimg {}
.instagram_wrap {background-image: url("/minisites/tamam/images/BG_INSTAGRAM.jpg"); margin-top: 20px;padding: 65px 0 0; width: 1100px;}
.thumbholder {width: 800000px !important;}
.content {width: 1000px; color: #000 !important;}
.twitter-timeline {width: 470px; height: 328px; display: block; border: 1px solid #000; }
.lastepiline {position: relative; top: -5px; left: 0; height: 8px; padding-bottom: 10px; width: 400px;}
.lastepiline ul {list-style: none;}
.lastep {float:left;}
.banerrightLe {float:left;}
.playb{background: url("/images/Playbtn.png") no-repeat scroll center center / 50px auto rgba(0, 0, 0, 0); height: 100%; left: 0; opacity: 1; position: absolute; top: 0; transition: opacity 0.4s ease-in-out 0s; width: 154px; z-index: 10;}
.twitter {float: left; margin-right: 30px;}
.fb_iframe_widget {background-color:#fff;}
.facebbok { float: left;}
.imagetrailer {margin-left: -6px;}
.overlay{width: 100%;height: 100%;position: absolute;top: 64px;left: 0;display: none;z-index: 999;background: rgba(0,0,0,0.7);}
.overlay {left: 0; opacity: 1;position: fixed;top: 0;}
.overlay a{display: table-cell;vertical-align: middle;text-align: center;}
.overlay img{padding: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;background: #ffffff;}
.overlay:target { display: table; }
#lastep_wrapban {  float: left;margin-right: 12px;overflow: hidden;position: relative; width: 688px;}
.trailerblo {background-color: #000;display: block;height: 90px;margin-top: 20px;padding: 10px; width: 280px;}
#lastep_wrapban a {display:block; background-position:center center; background-repeat:no-repeat; width:685px; height:385px;margin-right: 15px;}
#lastep_wrapban {overflow: hidden;position: relative; float:left;}
#lastep_wrapban .play{ opacity:0; width:100%; height:100%; background:url('/images/Playbtn.png') no-repeat center center; position:absolute; top:0; left:0; z-index:10; transition: opacity .4s ease-in-out;}
#lastep_wrapban a:hover .play {opacity:1}
#lastep_wrapban  .title {font-size:16px; background-image:url(/images/TextTransBG.png); background-repeat:repeat-x; bottom: 0px;color: #FFFFFF;padding: 10px 5px 5px;position: absolute;width: 674px;}
#lastep_wrapban .title .teasertext {  font-size:14px; padding-top:5px; display:none;}
#lastep_wrapban a:hover .title .teasertext {display:block;}
#lastep_wrapban a:hover .time { display:none }
#lastep_wrapban  .time{ background-color: #000000;color: #FFFFFF;left: 282px;padding: 5px; position: absolute;top: 2px;}
#lastep_wrapban img {   width: 690px;}
.texttrailer {background-color: #000;
    color: #fff;
    float: left;
    font-size: 20px;
    padding: 5px 10px;
    width: 130px;}
.videotrailer {background-color: #fff;display: block;height: 90px; margin: -2px 10px 2px 119px;position: relative;width: 160px;}
.smallimg2 {padding-top:400px;display:block;}
.maincont2 {margin-top: -15px;padding: 10px; height:1040px;}
.maincont3 {margin-top: -15px;padding: 10px; height:670px;}
.lastepi {background-position: 0 -15px;color: #ffffff; height: 50px; width: 260px;}
.lastepisodes {background-position: 0 -70px;color: #ffffff; height: 50px; width: 260px;}
.history {background-position: 0 -115px;color: #ffffff; height: 50px; width: 260px;}
.photos {background-position: 0 -170px;color: #ffffff; height: 50px; width: 260px;}
.twitterlive {background-position: 0 -215px;color: #ffffff; height: 50px; width: 260px;}
.facebooklive {background-position: 0 -560px;color: #ffffff; height: 50px; width: 260px;}
.charactersbio {background-position: 0 -460px;color: #ffffff; height: 50px; width: 260px;}
.trailerstlt {background-position: -20px -320px;color: #ffffff; height: 80px; width: 144px; float: left; margin: 6px 0 0 6px;}
.anim {position: relative; bottom: -10px;}
.imagetrailer{margin-left: -31px;}

.photost {background-position: -10px -267px;color: #FFFFFF;font-size: 19px;height: 62px;margin-bottom: 15px;width: 306px;}

.instagram {width: 940px; background-color: #fff; height: 400px; display: block; margin-top: 30px; padding: 30px;}
.eclusivest {background-position: -10px -368px;color: #FFFFFF;font-size: 19px;height: 62px;margin-bottom: 15px;width: 306px;}
.ltlwords {background-position: -55px -83px;color: #FFFFFF;font-size: 19px; height: 45px;margin-bottom: 15px;width: 370px;}
.mytrans {width: 100%; height: 300px; top: -60px; position: absolute; background-color: #000; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;}
.yellowblock {height: 240px; width: 1000px; padding: 0; overflow: hidden; position: relative;}
.banerright {float:left;}
.add {  top: 0;height: 395px;margin: 0 auto;position: absolute;width: 987px;}
.add1 {height: 705px;left: 260px;position: absolute;top: 640px;width: 200px;}
.add2 {height: 705px;right: 260px;position: absolute;top: 640px;width: 200px;}
.smallspc {display:block;height: 190px;}
.largespc {display:block;height: 177px;}
.largespc2 {display:block;height: 205px;}
.largespc_xor{display: block;float: right; height: 410px;width: 550px;}
.mcontentwrapper {height:160px !important; }
#mainPhoto {margin-left:-10px;}
#photoGallerythumbW{margin-left:-10px;}
.redbox {background-color:#ed1c24;width:720px;height:280px; margin:0 auto 40px;padding: 20px;z-index: 0; position: relative;}
.title1 {background-position: -4px -2px;height: 52px;width: 200px;}
.title2 {background-position: -4px -82px;height: 52px;width: 160px;float: right;}
.title3 {background-position: -4px -162px; height: 52px;width: 200px;}
.image1 {background-image: url("/minisites/brusco/images/Hosts_biozGREG.png");height: 630px;left: -205px;position: absolute;top: -205px;width: 375px;z-index: 3;}
.image2 {background-image: url("/minisites/brusco/images/Hosts_biozBEK.png");height: 630px; position: absolute;right: -208px;top: -470px;width: 375px;z-index: 3;}
.image3 {background-image:url(/minisites/brusco/images/Hosts_biozSTAR.png);height: 630px;position: absolute;top: -78px; left: -205px;width: 375px;z-index: 3;}
.text1 { margin-left: 130px; color:#fff;}
.text2 {margin-right: 155px; color:#fff;}
.text3 {margin-left: 135px;margin-right: 50px; color:#fff;}
.onlytext {height: 190px;overflow: auto;}
.mscar_cont { height: 180px;color: #fff; background-color: #464646; padding: 10px;}
.trailerms {margin-right: 20px;}
.phg_c_img {margin-right: 20px;}
.videoleft {float: left;width: 481px;}
.videoright {background-color: #333333;float: left; height: 230px;padding: 10px 6px 10px 15px;width: 160px; color:#858585;}
.leftvideo {float: left;margin-right: 10px;}
.LibraryBox2, .RelativesBox {clear:both;display:block;position:relative;    width:100%;}
.LibraryBox2 .pages {float:right;}
.LibraryBox2 .holderB {width:1010px;overflow:hidden;}
.LibraryBox2 .libTitle, .RelativesBox .libTitle{display:block;font-size:20px;height:35px;}
.vodBox a , .RelativesBox .rBoxH a, .LibraryBox2 .holderB a{display:block;float:left;width:490px;height:250px;position:relative;margin-right:10px;}
.LibraryBox2 .holderB a {margin-bottom:10px;}
.vodBox a .play ,  .RelativesBox a .play, .LibraryBox2 a .play, .LibraryLatest a .play{position:absolute;top:0; left:0;width:100%;height:100%;background-image: url("/images/Playbtn.png");background-repeat: no-repeat ;background-position:center center; display: none; }
.vodBox a img,  .RelativesBox a img  ,  .LibraryBox2 a img{ width: 490px; height:250px;}
.vodBox a .title, .RelativesBox a .title , .LibraryBox2 a .title {font-size:16px; background-image:url(/images/TextTransBG.png); background-repeat:repeat-x; bottom: 0px;color: #FFFFFF;padding: 10px 5px 5px;position: absolute;width: 480px;}
.vodBox a .title .teasertext, .RelativesBox a .title .teasertext , .LibraryBox2 a .title .teasertext{  font-size:14px; padding-top:5px; display:none;}
.vodBox a:hover .title .teasertext , .RelativesBox a:hover .title .teasertext, .LibraryBox2 a:hover .title .teasertext {display:block;}
.vodBox a .time, .RelativesBox a .time, .LibraryBox2 a .time{ background-color: #000000;color: #FFFFFF;right: 2px;padding: 5px; position: absolute;top: 2px;}
.vodBox a:hover .play, .RelativesBox a:hover .play , .LibraryBox2 a:hover .play , .LibraryLatest a .play { display:block;}
.content2 { margin: 0 auto;overflow: hidden; padding: 0;position: relative; width: 1020px;}
.vodBox a img,  .RelativesBox a img  ,  .LibraryBox a img{ width: 326px; height:183px;}
    .vodBox a .title, .RelativesBox a .title , .LibraryBox a .title {font-size:16px; background-image:url(/images/TextTransBG.png); background-repeat:repeat-x; bottom: 0px;color: #FFFFFF;padding: 10px 5px 5px;position: absolute;width: 315px;}
    .vodBox a .title .teasertext, .RelativesBox a .title .teasertext , .LibraryBox a .title .teasertext{  font-size:14px; padding-top:5px; display:none;}
    .vodBox a:hover .title .teasertext , .RelativesBox a:hover .title .teasertext, .LibraryBox a:hover .title .teasertext {display:block;}
    .vodBox a .time, .RelativesBox a .time, .LibraryBox a .time{ background-color: #000000;color: #FFFFFF;left: 282px;padding: 5px; position: absolute;top: 2px;}
    .vodBox a:hover .play, .RelativesBox a:hover .play , .LibraryBox a:hover .play , .LibraryLatest a .play { display:block;}
    .LibraryBox, .RelativesBox {
    clear:both;
    display:block;
    position:relative;   
    width:100%;
}
.LibraryBox .pages {
    float:right;
}

.vodBoxH {
    position:absolute;
    top:30px; left:0;
    height:190px;
}
.LibraryBox .holderB {
    width:1010px;
    overflow:hidden;
   
}
.rBoxH {
    width:1100px;
    overflow:hidden;
}
.vodBox .title_one, .RelativesBox .title_one{
    display:block;
    padding:0;
    margin:0;
    font-weight:normal;
}

.LibraryBox .libTitle, .RelativesBox .libTitle{
    display:block;
    font-size:20px;
    height:35px;

}

.RelativesBox .title_one {
    margin:8px 0px 10px 0px;
}
.pagingL {
    float:left;
    padding:10px 0 0 0;
    margin-left:20px;
}

    .vodBox a , .RelativesBox .rBoxH a, .LibraryBox .holderB a{
        display:block;
        float:left;
        width:326px;
        height:182px;
        position:relative;
        margin-right:10px;
    }
.LibraryBox .holderB a {
    margin-bottom:10px;
}
    .vodBox a .play ,  .RelativesBox a .play, .LibraryBox a .play, .LibraryLatest a .play{
         position:absolute;
         top:0; left:0;
         width:100%;
         height:100%;
         background-image: url("/images/Playbtn.png");
         background-repeat: no-repeat ;
         background-position:center center; 
         display: none; 
    }
    .vodBox #bulletsPlcWN {
    display: none;
}
.characterbox {overflow:auto;height: 270px;}

.bb {background-image:url("/minisites/tamam/images/text_tamam_comp.jpg");background-color: #fcf9f4;padding-bottom: 120px;position:relative;background-repeat: no-repeat;background-position: 0px 55px;}
.subbutton { margin-left: 205px !important;margin-top: 30px !important;border-radius:10px;}
#video {position: relative; width: 460px; top: 130px; left: 150px; height: 265px; display: block; border: 1px solid #cccccc; padding: 10px;}
#details {position: relative; top: 150px;}

.Question {font-family: Arial; font-size: 22px; width: 460px; color: #fff; margin: 0 auto; background-color: red; display: block;}
.Question span {padding: 5px; color: #fff; background-color: #ea4e5b; float: left;}
.Question input {display: none;}
.ckeckin {}
.Answers {font-family: Arial; font-size: 14px; margin-top: 10px; width: 500px; color: #fff; margin-left: 130px; text-align: left;}
.Answers ul {position: absolute; list-style: none;}
.Answers a {padding: 5px; font-weight: bold; line-height: 32px; color: #fff; background-color: #87cee0; text-decoration: none;}
.Answers a:hover {background-color: #4f818e; color: #dedede;}
.height {height:420px;}
.tnxxx {color: #000;font-size: 24px;font-weight: bold; left: 260px; padding: 305px 30px 30px;position: absolute; top: -260px;}
.Buttons {margin-top: 170px; margin-left: 60px;}
.buttonStart {-moz-box-shadow:inset 0px 1px 0px 0px #d9fbbe; -webkit-box-shadow:inset 0px 1px 0px 0px #d9fbbe; box-shadow:inset 0px 1px 0px 0px #d9fbbe;
	          background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b8e356), color-stop(1, #a5cc52) );
	          background:-moz-linear-gradient( center top, #b8e356 5%, #a5cc52 100% ); cursor: pointer; text-indent:0; 
	          filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8e356', endColorstr='#a5cc52'); background-color:#b8e356; 
	          -webkit-border-top-left-radius:20px; -moz-border-radius-topleft:20px; border-top-left-radius:20px; -webkit-border-top-right-radius:20px;
	          -moz-border-radius-topright:20px; border-top-right-radius:20px; -webkit-border-bottom-right-radius:20px; -moz-border-radius-bottomright:20px;
              border-bottom-right-radius:20px; -webkit-border-bottom-left-radius:20px; -moz-border-radius-bottomleft:20px; border-bottom-left-radius:20px;
	          border:1px solid #83c41a; display:inline-block; color:#ffffff; font-family:Arial; font-size:12px; font-weight:bold; font-style:normal;
	          height:60px; padding: 10px; line-height:20px; width:120px; text-decoration:none; text-align:center; text-shadow:1px 1px 11px #86ae47;}
.buttonStart:hover {background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a5cc52), color-stop(1, #b8e356) ); background-color:#a5cc52;
	                background:-moz-linear-gradient( center top, #a5cc52 5%, #b8e356 100% ); 
	                filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a5cc52', endColorstr='#b8e356');}
.buttonStart:active {position:relative; top:1px;}

.buttonSend {-moz-box-shadow:inset 0px 1px 0px 0px #d9fbbe; -webkit-box-shadow:inset 0px 1px 0px 0px #d9fbbe; box-shadow:inset 0px 1px 0px 0px #d9fbbe;
	          background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b8e356), color-stop(1, #a5cc52) );
	          background:-moz-linear-gradient( center top, #b8e356 5%, #a5cc52 100% ); cursor: pointer; text-indent:0; 
	          filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8e356', endColorstr='#a5cc52'); background-color:#b8e356; 
	          -webkit-border-top-left-radius:20px; -moz-border-radius-topleft:20px; border-top-left-radius:20px; -webkit-border-top-right-radius:20px;
	          -moz-border-radius-topright:20px; border-top-right-radius:20px; -webkit-border-bottom-right-radius:20px; -moz-border-radius-bottomright:20px;
              border-bottom-right-radius:20px; -webkit-border-bottom-left-radius:20px; -moz-border-radius-bottomleft:20px; border-bottom-left-radius:20px;
	          border:1px solid #83c41a; display:inline-block; color:#ffffff; font-family:Arial; font-size:16px; font-weight:bold; font-style:normal;
	          height:20px; padding: 10px; width:120px; text-decoration:none; text-align:center; text-shadow:1px 1px 11px #86ae47;}
.buttonSend:hover {background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a5cc52), color-stop(1, #b8e356) ); background-color:#a5cc52;
	                background:-moz-linear-gradient( center top, #a5cc52 5%, #b8e356 100% ); 
	                filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a5cc52', endColorstr='#b8e356');}
.buttonSend:active {position:relative; top:1px;}
.ckeckin input{width: 20px !important;margin-top: -36px !important;margin-left: -22px !important;}
.mmsg {color: #fff;text-align: center;font-size: 19px;padding: 40px;font-weight: bold;}
#lastms {display: none; position: relative; top: -200px;}
#totalanswers {font-size: 40px; color: #fff;}
#answerRes {font-size: 40px; color: #fff; width: 460px; text-align: center; margin: 0 auto;}
#answerRes input {background-color: transparent; border: 0; color: #fff; width: 60px; padding: 0; text-align: center;}
#answerTitle {font-size: 24px;}
#answerFields {font-size: 20px; color: #000; margin-top: 20px; width: 515px; margin: 0 auto;margin-left: 370px;}
#answerFields span {width: 120px; text-align: right; display: block; float: left; margin-top: 20px; padding-top: 2px;}
#answerFields input {display: block; float: left; font-size: 16px; width: 300px; border: 1px solid #ccc; color: #333; padding: 5px; margin-left: 60px; margin-top: 20px;}
#answerFields .star {width: 20px; float: right; border: 0; margin: 0; display: block; top: 25px; position: relative;}
#answerFields  p {font-size: 14px;}
#answerButtons {width: 240px; margin: 0 auto; padding: 0 30px 0 30px;}
#answerButtons .send {float: left;}
#answerOroi {font-size: 14px; width: 460px; margin:0 auto 0 220px; display: block;}
#answerOroi span {text-decoration: underline;width: 400px;}
#answerOroi input {cursor: pointer;}
#answerOroi p {text-align: right; width: 220px; line-height: 12px; position: relative; top: 3px; float: left;}
#answerNews {font-size: 14px; width: 460px; margin: 0 auto; display: block;padding-bottom: 20px;}
#answerNews input {cursor: pointer;}
#ctl00_fileuploader1_f_0 {border: 0px solid !important;margin-top: 17px !important;}
.clearfix:before, .clearfix:after {content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix {zoom: 1; clear:both;max-height: 0; }
.hidden {display:none !important;}
#answerButtons .fb-share-button {transform: scale(2.0); -ms-transform: scale(2.0); -webkit-transform: scale(2.0); -o-transform: scale(2.0); -moz-transform: scale(2.0); transform-origin: top left; -ms-transform-origin: top left; -webkit-transform-origin: top left; -moz-transform-origin: top left; -webkit-transform-origin: top left;}

.black_overlay{display: none; position: fixed; top: 0%; left: 0%; width: 100%; height: 100%; background-color: black; z-index:1001; -moz-opacity: 0.8; opacity:.80; filter: alpha(opacity=80);}
.white_content {display: none; position: fixed; top: 25%; left: 25%; width: 50%; height: 50%; padding: 16px; border: 2px solid #ccc; background-color: white; z-index:1002; overflow: auto;}
.wpa a { color: #222222;font-size: 17px !important;font-weight: bold;margin-right: 12px;text-decoration: underline;}
.wpa {float:left; margin: 7px;}

._2p3a {min-width: 1000px !important;}
.game_place {
    background-color: rgba(255, 255, 255, 0.7);
    padding: 20px;
    min-height: 400px;
}
.videoplc {
    background-color: #000;
    height: 540px;
    width: 100%;
    background-image: url("/minisites/tamam/images/tamam_game_img.jpg");
}

.questionplc {
    background-color: #f4eba0;
    border: 2px solid #d8d8d8;
    padding: 10px;
    margin: 10px 0;
    width: 98%;
    text-align: center;
    font-size:1.4em;
}
.answersplc {
    width: 101%;
}
.answer_game {
    background-color: #a4dbd6;
    border: 2px solid #d9d8d6;
    cursor: pointer;
    font-family: "pf_dintext_proregular",Arial;
    font-size: 1.2em;
    margin: 5px 0;
    padding: 10px;
    width: 966px;
}
    .answer_game:hover {
        background-color: #94c2be;
    }
.contestok{
    background-color: #a4dbd6;
    border: 2px solid #d9d8d6;
    cursor: pointer;
    padding: 10px;
    margin-right: 9px;
    width: 100.5%;
    font-family: "pf_dintext_proregular",Arial;
    font-size: 1.2em;
    font-size:1em;
}
    .contestok:hover {
        background-color: #94c2be;
    }
    .contestokfb{
    background-color: #3b5999;
    border: 2px solid #d9d8d6;
    cursor: pointer;
    padding: 10px;
    margin-right: 9px;
    width: 100.5%;
    font-family: "pf_dintext_proregular",Arial;
    font-size: 1.2em;
    color:#fff;
    margin-top: 10px;
    font-size:1em;
}
    .contestokfb:hover {
        background-color: #324b81;
    }
.answer_game:last-child {
    margin-right: 0;
}

#answerFields {
    color: #000;
    font-size: 20px;
    margin: 0 auto;
    width: 515px;
}
.subbutton {
    border-radius: 10px;
    margin-left: 140px !important;
    margin-top: 30px !important;
}
.logogame {
    background-image: url("/minisites/tamam/images/LogoEPXTTE.png");
    height: 200px;
    margin-top: 20px;
    position: absolute;
    background-repeat: no-repeat;
    width: 305px;
     z-index: 9;
}
