/* Copyright PRO TV S.A. All rights reserved.
Author: Sabin Tudor
Contact: sabin.tudor@protv.ro */

/* css reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,  caption { padding:0; margin:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; }
table,tbody, tfoot, thead, tr, th, td {margin:0;outline:0;}
:focus { outline:0; }
button::-moz-focus-inner { border:0; padding:0; }
ol, ul { list-style-position:outside; list-style-type:none; list-style-image:minnone; }
/* end css reset */

/* clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
/* end clearfix */


/* FONTS */
@font-face {
    font-family: 'dinbold';
    src: url('http://www.tempodelalaband.ro/design/microsite/tempodelalaband/images/tempo/fonts/din-bold-webfont.eot');
    src: url('http://www.tempodelalaband.ro/design/microsite/tempodelalaband/images/tempo/fonts/din-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.tempodelalaband.ro/design/microsite/tempodelalaband/images/tempo/fonts/din-bold-webfont.woff') format('woff'),
         url('http://www.tempodelalaband.ro/design/microsite/tempodelalaband/images/tempo/fonts/din-bold-webfont.ttf') format('truetype'),
         url('http://www.tempodelalaband.ro/design/microsite/tempodelalaband/images/tempo/fonts/din-bold-webfont.svg#dinbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'dinmed';
    src: url('http://www.tempodelalaband.ro/design/microsite/tempodelalaband/images/tempo/fonts/din-medium-webfont.eot');
    src: url('http://www.tempodelalaband.ro/design/microsite/tempodelalaband/images/tempo/fonts/din-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.tempodelalaband.ro/design/microsite/tempodelalaband/images/tempo/fonts/din-medium-webfont.woff') format('woff'),
         url('http://www.tempodelalaband.ro/design/microsite/tempodelalaband/images/tempo/fonts/din-medium-webfont.ttf') format('truetype'),
         url('http://www.tempodelalaband.ro/design/microsite/tempodelalaband/images/tempo/fonts/din-medium-webfont.svg#din_mediumregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


html {}
body {
	background:url('../images/tempo/v2/bg.jpg') no-repeat center top #86cfef;

    font-family: MyriadPro-Regular, 'Myriad Pro Regular', MyriadPro, 'Myriad Pro', Helvetica, Arial, sans-serif;
    font-size:14px;
    font-weight:normal;

    color:#132a3f;
}

.wrapper {
	width:1000px;
	margin:0px auto;
	position:relative;
}

/* LINKS */
a { color:#272727; }
a:link, a:visited, a:active { text-decoration:none; }
a:hover { text-decoration:underline; }

span.red { color:#da2128; }
span.blue { color:#1967b2; }

#header { margin-bottom:50px; position:relative; }
#header a.logo {
    display:block;
    width:605px;
    height:200px;
    margin:0px auto;

    background:url('../images/tempo/v2/logo_tempo.png') no-repeat center bottom;

    padding-top:40px;
    margin-bottom:20px;
}

#header .fblink {
    display:block;
    /*width:37px;*/
    height:40px;

    background:url('../images/tempo/fb.png') no-repeat top left;

/*  position:absolute;
    top:0;
    right:0;*/

    /* NEW */
    line-height:40px;
    padding-left:45px;

    color:#274b6c;
    text-shadow: 1px 2px 0px #cfedfb;
    float:right;
    font-size:13px;
}
#header .fblink:hover { background-position:bottom left; }

/* MENU */
#header .menu { margin:0px 25px; display:block; }
#header .menu ul { margin:30px 0px; width:100%; text-align:center; }
#header .menu ul li { margin:0px 2px; display:inline-block; }
#header .menu ul li a {
    /*float:left;*/
    display:block;

    font-family:'dinmed',Arial, sans-serif;
    font-size:20px;
    font-weight:normal !important;
    text-transform:uppercase;
    color:#274b6c;

    padding:6px 20px;

    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}
#header .menu ul li a:hover { color:#ffffff; background:#4b779f; text-decoration:none !important; }
#header .menu ul li a.special { color:#ffffff; background:#274b6c; }

.content {}
.sepa { border-top:1px solid #87cbeb; border-bottom:1px solid #cdecfa; }

/* ARTEFACTs */
.art1, .art2, .art3 { display:block; }
.art1 { background:url('../images/tempo/v2/art_1.png') no-repeat center top; width:1000px; height:670px; }
.art2 { background:url('../images/tempo/v2/art_1.png') no-repeat center bottom; width:1000px; height:890px; }
.art3 { background:url('../images/tempo/v2/art_3.png') no-repeat center top; width:175px; height:235px; }

.cuplu { display:none; width:330px; height:710px; float:left; }
.cuplu1 { display:block; background:url('../images/tempo/v2/cuplu_1.png') no-repeat center top; }
.cuplu2 { display:block; background:url('../images/tempo/v2/cuplu_2.png') no-repeat center top; }
.cuplu3 { display:block; background:url('../images/tempo/v2/cuplu_3.png') no-repeat center top; }
.cuplu4 { display:block; background:url('../images/tempo/v2/cuplu_4.png') no-repeat center top; }
.cuplu5 { display:block; background:url('../images/tempo/v2/cuplu_5.png') no-repeat center top; }

.circle { display:block; width:42px; height:135px; }
.circle.red { background:url('../images/tempo/circle_red.png') no-repeat center top; }
.circle.orange { background:url('../images/tempo/circle_orange.png') no-repeat center top; }

.invite { display:block; width:330px; height:710px; float:left; background:url('../images/tempo/v2/invite.png') no-repeat center top; }

/* INPUTS */
input[type='text'], .textarea {
    width:255px;
    height:24px;
    
    padding:10px 25px;
    
    font-size:16px;
    line-height:18px;
    
    font-family:Verdana, Geneva, sans-serif;
    color:#95a5b4;
    text-align:left;
    
    background:#ffffff;
    border:1px solid #a6caeb;
    
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    
    -webkit-transition:All 0.3s ease-in-out;
    -moz-transition:All 0.3s ease-in-out;
    -o-transition:All 0.3s ease-in-out;
    transition:All 0.3s ease-in-out;
}
input[type='text']:focus, .textarea:focus { border:1px solid #2a76bc; color:#2a76bc; }

input[type='button'] {
    display:block;
    width:620px;
    height:38px;

    font-size:20px;
    font-family:'dinmed';
    color:#ffffff;
    
    background:#2a76bc;
    border:1px solid #236cb0;
    
    cursor:pointer;
    border:none;

    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}
input[type='button']:hover { background:#2985da; }

input[type='text'].wide { width:567px; }

#mesajcontact { width:567px; resize:none; margin-bottom:8px; }
#mesajcontact:focus { height:130px; }

.selectors { padding:20px 25px; }
.selectors select {
    width:90px;
    height:40px;

    padding:8px 15px;

    font-size:14px;

    font-family:Verdana, Geneva, sans-serif;
    color:#868686;
    text-align:left;

    background:#ffffff;
    border:1px solid #c1c1c1;

    margin:0px 10px;

    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

p.terms { text-align:center; padding:30px 0px; }

/* BOX */
.section { padding:50px 0px; position:relative; }
.section .box { float:left; display:block; }
.section .box .tag {
    font-family:'dinbold', Arial, sans-serif;
    font-size:37px;
    color:#1b3e5e;
    text-shadow: 1px 2px 0px #cfedfb;

    margin-bottom:15px;
}

.section .box .container {
    background:#cfecfa;
    padding:24px;

    font-size:22px;

    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}

.section .box a.seemore { display:block; font-size:20px; text-align:right; padding:12px 12px 0px 0px; }

.section .box .container ul { list-style:disc; }
.section .box .container ul li { font-size:20px; margin-left:25px; }

/* SECTIONS */
/*
size13 = 174x84
size14 = 208x142
size15 = 284x194
size16 = 640x308
*/

.section.premii .box { width:625px; }
.section.premii .cuplu { float:right; }

.section.inscriere .box .container { width:100%; font-size:17px !important; }
.section.inscriere .formular { display:block; width:620px; float:right; padding:20px 0px; position:relative; }
.section.inscriere .formular input[type='text'] { margin-bottom:8px; }
.section.inscriere .biscuiti { margin:0px 0px -50px 20px; position:relative; top:-60px; }

.section.inscriere .formular .status { display:block; height:38px; width:620px; }
.section.inscriere .formular .status.load { background: url('../images/tempo/loading.gif') no-repeat center center; }
.section.inscriere .formular .status.done { background: url('../images/tempo/tick.jpg') no-repeat center center; }

.section.inscriere .formular .status.load input[type='button'],
.section.inscriere .formular .status.done input[type='button'] {
    display:none;
    visibility:hidden;
}

.section.inscriere .formular .overlay {
    display:none;
    width:620px;
    height:740px;

    position:absolute;
    top:0px;
    left:0px;

    z-index:2;
}
.section.inscriere .formular .overlay.zero { display:block; background: url('../images/tempo/v2/overlay_0.jpg') no-repeat center center; }
.section.inscriere .formular .overlay.one { display:block; background: url('../images/tempo/v2/overlay_2.jpg') no-repeat center center; }
.section.inscriere .formular .overlay.two { display:block; background: url('../images/tempo/v2/overlay_1.jpg') no-repeat center center; }
.section.inscriere .formular .overlay.three { display:block; background: url('../images/tempo/v2/overlay_3.jpg') no-repeat center center; }

.section.inscriere .formular .overlay .inscrieri {
    display:block;
    width:100%;

    font-family:'dinmed',Arial, sans-serif;
    text-align:center;
    text-transform: uppercase;

    position: absolute;
    bottom:0;
    padding-bottom:20px;
}

.section.stiri { margin-bottom:30px; }
.section.stiri .box { width:680px; }
.section.stiri .cuplu { position:absolute; top:0px; right:0px; }

.section.stiri .container ul.news { list-style:none; }
.section.stiri .container ul.news li { margin:0px; font-size:14px; }
.section.stiri .container ul.news li a { display:block; background:#e2f6ff; border-bottom:1px solid #aacbdb; }

.section.stiri .container ul.news li .newsPic { border:1px solid #b2bfcb; display:inline-block; }
.section.stiri .container ul.news li .newsDescription { position:relative; display:block; min-height:115px; }
.section.stiri .container ul.news li .newsDescription .newsTitle {}
.section.stiri .container ul.news li .newsDescription .newsLead {}
.section.stiri .container ul.news li .newsDescription .newsMore { display:block; text-align:right; margin-top:12px; }

.section.stiri .container ul.news li.big a { width:612px; padding:10px; margin-bottom:20px; }
.section.stiri .container ul.news li.big .newsDescription { float:right; width:310px; }
.section.stiri .container ul.news li.big .newsDescription .newsTitle { font-size:20px; margin-bottom:24px; }

.section.stiri .container ul.news li.small { width:208px; float:left; margin-right:4px; }
.section.stiri .container ul.news li.small .newsDescription { padding:10px 12px; font-size:13px; }
.section.stiri .container ul.news li.small:last-child { margin-right:0px !important; }

.section.ieri .box { width:625px; float:right; }
.section.ieri .box .tag { text-align:right; }

.section.stiri .circle { position:absolute; top:250px; left:-42px; }
.section.ieri .circle { position:absolute; top:250px; right:-42px; }

.section.ieri .container { min-height:400px; }
.section.ieri .container p { text-align:center; margin-bottom:40px; }
.section.ieri .container .castigatori ul { display:block; width:500px; margin:0px auto; overflow:auto; max-height:500px; }
.section.ieri .container .castigatori ul li { /*margin-right:20px; float:left; width:200px;*/ font-size:18px; }

.section.stiri .container { min-height:500px; }
.section.stiri.arhiva { padding:0px !important;}
.section.stiri.arhiva .box { width:100%; }

.section.stiri.arhiva .container ul.news li.list .newsPic { float:left; }
.section.stiri.arhiva .container ul.news li.list .newsDescription { min-height:0 !important; float:left; display:block; width:650px; margin-left:10px; height:85px; overflow:hidden; }
.section.stiri.arhiva .container ul.news li.list .newsDescription .newsTitle { font-size:20px; margin-bottom:20px; }

.section.stiri.arhiva .container ul.news li.list a { background:url('../images/tempo/arrows_stiri_off.png') no-repeat 890px center transparent; padding:10px; }
.section.stiri.arhiva .container ul.news li.list a:hover { background:url('../images/tempo/arrows_stiri_on.png') no-repeat 890px center transparent; }

.section.stiri.arhiva .container ul.news li.list.even a { background-color:#ddf3fd; }
.section.stiri.arhiva .container ul.news li.list.odd a { background-color:#e9f8ff; }

.section.castigatori { padding-top:0px; }
.section.castigatori .box { width:625px; float:right; }
.section.castigatori .box .tag { text-align:right; }
.section.castigatori .circle { position:absolute; top:250px; right:-42px; }

.section.castigatori .container { min-height:400px; }
.section.castigatori .container p { text-align:center; margin-bottom:40px; }
.section.castigatori .container .castigatori ul { display:block; /*width:500px; margin:0px auto;*/ list-style:none; }
.section.castigatori .container .castigatori ul li { /*margin-right:20px; float:left; width:200px;*/
    font-size:17px;
    margin-left:0px;
}

.section.castigatori ul.lista-castiguri {}
.section.castigatori ul.lista-castiguri > li { border-top:1px solid #b1d3e3; padding-top:20px; margin-top:20px; }
.section.castigatori ul.lista-castiguri > li:first-child { border-top:0 !important; padding-top:0px !important; margin-top:0px !important; }
.section.castigatori ul.lista-castiguri li span.data {
    display:inline-block;

    color:#ffffff;
    background:#ed1941;

    padding:8px 15px;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.section.castigatori ul.lista-castiguri li .premiu { margin-top:25px; margin-left:25px; text-transform: uppercase; }
.section.castigatori ul.lista-castiguri li .premiu .tip-premiu { font-weight: bold; display:block; margin-bottom:15px; }
.section.castigatori ul.lista-castiguri li .premiu ul.lista-castigatori {}
.section.castigatori ul.lista-castiguri li .premiu ul.lista-castigatori li { margin-left:15px; }


.section.regulament .container { min-height:400px; }
.section.regulament .box .container { font-size:inherit !important; }
.section.regulament .circle { position:absolute; top:250px; right:-42px; }

.section.joc { padding-top:0px; }
.section.joc .box { width:670px; float:right; }
.section.joc .box .tag { text-align:right; }
.section.joc .container { min-height:650px; padding:10px; }
.section.joc .container iframe { border:1px solid #568196; }
.section.joc .circle { position:absolute; top:250px; right:-42px; }


/* PAGINARE */
.paginare { display:block; margin-top:20px; padding-top:20px; border-top:1px solid #aacbdb; }

.paginare a,
.paginare span.current {
    float:left;

    background:#b2d4e2;
    padding:7px 12px;
    margin:0 5px 0 0;

    font-size:14px;
    line-height:14px;
    color:#4c6780;
    text-decoration:none;

    border:1px solid #a0c0d0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.paginare a:hover { background:#e4f3f9; }
.paginare span.current { background:#5d798f; color:#ffffff; }

/* ARTICOL */
.section.article { padding:0px 0px 50px 0px; }
.section.article .cuplu { position:absolute; top:0; right:0; }
.section.article .box { width:690px; }

.section.article .box .container { min-height:680px; }
.section.article .box .container ul.social { list-style:none; display:inline-block; background:#EAF8FF; padding:5px 0px; margin-bottom:5px; width:100%; }
.section.article .box .container ul.social li { float:right; display:block; margin-left:10px; }

.section.article .articleSocial {}
.section.article .container .articlePic { border:1px solid #b2bfcb; }
.section.article .container .articleDescription { padding:20px 18px 18px 25px; background:#e2f6ff; border-bottom:1px solid #aacbdb; }
.section.article .container .articleDescription .articleTitle { margin-bottom:20px; font-size:25px; }
.section.article .container .articleDescription .articleContent { font-size:17px; color:#0f4a7f; }
.section.article .container .articleDescription .articleContent p { color:inherit; margin-bottom:20px; }

.section.article .circle { position:absolute; left:-42px; top:120px; }
.section.article .fb-comments { margin-top:20px !important; }

/* MISC */

.mesaj.soon {
    display:block;
    width:443px;
    height:92px;

    background:url('../images/tempo/mesaj_soon.png') no-repeat center top;

    margin:120px auto;
}

/* FOOTER : menu + copyright */
.footer {
    font-size:16px;
    color:#1b3e5e;
    /*text-shadow: 1px 2px 0px #cfedfb;*/
}
.footer p.copyright { float:right;
    background:url('../images/tempo/logo_ulker.png') no-repeat top right;
    padding:2px 65px 0px 0px;
}
.footer .sepa { border-top:1px solid #91d9f8; border-bottom:1px solid #6bb5d4; }
.footer .menu { text-transform:uppercase; margin:20px 0px 80px 0px; }
.footer .menu ul { list-style:none; }
.footer .menu ul li { float:left; margin-right:5px; }
.footer .menu ul li a {
    color:#274b6c;

    padding:8px 15px;

    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}
.footer .menu ul li a:hover { color:#ffffff; background:#4b779f; text-decoration:none !important; }
.footer .menu ul li a.special { color:#ffffff; background:#274b6c; }

.footer a.logo {
    display:block;
    width:400px;
    height:120px;
    margin:40px auto;

    background:url('../images/tempo/v2/logo_tempo_small.png') no-repeat center top;
}