﻿/**********************************************************************
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, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, input { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1 }
ol, ul { list-style: none }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none }
/* remember to define focus styles! */

:focus { outline: 0 }
/* remember to highlight inserts somehow! */

ins { text-decoration: none }
del { text-decoration: line-through }
/* tables still need 'cellspacing="0"' in the markup */

table { border-collapse: collapse; border-spacing: 0 }

/**********************************************************************
GENERALE
**********************************************************************/

body { height:100%; width:100%; font:12px "Trebuchet MS", Arial; line-height: 16px; }
h1 { font-size:18px; color:#000; margin-bottom:7px }
#fond { width:100%; height:100%; background:#000; position:fixed; }
* html #fond { /* Netscape 4, IE 4.x-5.0/Win and other lesser browsers will use this */

	position: absolute;  left: expression( ( 0 - fond.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
 top: expression( ( 0 - fond.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}
#negru { background:#000 }
#rosu { background:#eb0000 }
#galben { background:#ffc100 }
#verde { background:#33c42f }
.negru { background:url(/styles/style1/images/f1.jpg) repeat-x; color:#fff; padding:3px; margin-bottom:2px; height:61px; overflow:hidden }
.rosu { background:url(/styles/style1/images/f2.jpg) repeat-x; color:#fff; padding:3px; margin-bottom:2px; height:61px; overflow:hidden }
.galben { background:url(/styles/style1/images/f3.jpg) repeat-x; color:#fff; padding:3px; margin-bottom:2px; height:61px; overflow:hidden }
.verde { background:url(/styles/style1/images/f4.jpg) repeat-x; color:#fff; padding:3px; height:61px; overflow:hidden }
#container { width:960px; margin-left:17px; padding-bottom:20px; position:absolute; top:0; z-index:1 }
.simplu:link, .simplu:active, .simplu:visited { color:#be0000; text-decoration:underline; background:none; padding:0 }
.simplu:hover { color:#be0000; text-decoration:none; background:none; padding:0 }
.pollLoader { position:fixed; top:0; left:0; margin:0; padding:0; width:100%; height:100%; z-index:1000; background:#f5f5f5; }
* html .pollLoader { position:absolute; }
#home{padding-top:21px;}

/**********************************************************************
HEADER
**********************************************************************/

#cautare { height:40px; text-align:right; }
#cautare img { float:right; width:226px; height:21px; margin:11px 8px 0 0 }
#cautare fieldset { width:196px; height:21px; background:url(/styles/style1/images/cauta.gif) no-repeat; float:right; margin-top:11px }
#cautare input { width:142px; height:15px; border:0; background:#000; color:#fff; margin:3px 3px 0 0; float:right; }
#continut { background:#fff; padding:0 0 20px 20px; }
#header { font-size:18px; color:#000; margin-bottom:10px }
#header ul { float:right; margin-top:30px; padding-right:18px }
#header ul li { display:inline; float:left; position:relative }
#header ul li a { display:block; color:#000; text-decoration:none }
#header ul li a:hover, #header ul li a.identic { color:#fff }
#header ul li:hover { background:#000; color:#fff }
#header ul li:hover a { background:#000; color:#fff }
#header li:hover ul.drop { display:block; }
#header ul.drop { position:absolute; display:none; left:0px; top:-7px; width:150px }
#header ul.drop li { background:#222; display:block; width:150px; border-top:1px solid #383838; font-size:11px; line-height:16px; color:#fff; font-weight: bold; padding:0; text-decoration:none; }
#header ul.drop li:hover { background:#383838; display:block; width:150px; border-top:1px solid #383838; font-size:11px; line-height:16px; color:#fff; font-weight: bold; padding:0; text-decoration:none; }
* html #header ul.drop li { float:left; clear:both; }
* html #header ul.drop li ul.drops li { float:left; clear:both; }
#header ul.drop li a { padding:5px 9px; width:150px; display:block; text-decoration:none; font-size:11px; line-height:16px; color:#fff; font-weight: bold; background:none; text-decoration:none; }
#header ul.drop li a:hover, #header ul.drop li a.identic { padding:5px 9px; display:block; text-decoration:none; }
#header ul.drop li:hover ul.drops { display:block; }
#header ul.drops { position:absolute; display:none; left:150px; top:-31px; width:160px; z-index:10 }
#header ul.drops li { background:#555555; display:block; border-top:1px solid #383838; font-size:11px; line-height:16px; color:#fff; font-weight: bold; padding:0 20px 0 15px; text-decoration:none; }
#header ul.drops li:hover { background:#555555 url(/styles/style1/images/sag.gif) no-repeat left; display:block; border-top:1px solid #383838; font-size:11px; line-height:16px; color:#fff; font-weight: bold; padding:0 20px 0 15px; text-decoration:none; }
#header ul.drops li a { padding:5px 9px; width:150px; display:block; text-decoration:none; font-size:11px; line-height:16px; color:#fff; font-weight: bold; background:none; text-decoration:none; }
#header ul.drops li a:hover, #header ul.drop li a.identic { padding:5px 9px; display:block; text-decoration:none; }

/**********************************************************************
MAIN
**********************************************************************/

#main { width:550px; margin-right:35px; float:left }
#main a { background:#eb0000; color:#fff; text-decoration:none; padding:0 3px; display:inline-block }
#main a:hover { background:#000; color:#fff }
#main .simplu:link, #main .simplu:active, #main .simplu:visited { color:#eb0000; text-decoration:underline; background:none; padding:0 }
#main .simplu:hover { color:#be0000; text-decoration:none; background:none; padding:0 }
#main ul { margin-left:15px }
#main li { list-style-type:square }
#main h1 { line-height:25px; width:auto; }
#main h2 { font-size:13px; font-weight:bold; margin:20px 0 0 }
#main h3 { font-size:12px; font-weight:bold; margin:0 }
#ideea { margin:35px 0 20px 0; }
#ideea img { width:98px; height:98px; float:left; margin-right:10px; }
#ideea span { display:inline-block }
#culori { margin-top:25px; }
#culori h1 { margin-left:7px }
#sustinator { margin-top:25px; }
#sustinator h1 { margin-left:7px }
#sustinator a { margin-top:5px }
#sustinator img { width:150px; height:150px; float:left; margin-right:10px }
#sustinator div { background:#ececec; min-height:150px; padding-right:5px }
#sustinator span { padding-top:10px; display:block }
#specialist { margin-top:30px; padding-left:7px; }
#specialist a { margin-top:2px }
#form_contact { padding:15px 10px; background:#EAEAEA }
#com { background: url(../images/faza2/form_comentariu.png) no-repeat; padding:10px 0 0px 10px; overflow:hidden; width:520px; height:224px }
#com input { background:#fff; color:#000; width:163px; height:16px; margin-top:14px; margin-right:7px; font:11px "Trebuchet MS"; }
#com textarea#comentariu { background:#fff; width:334px; height:100px; margin-top:32px; border:none; font:11px "Trebuchet MS"; }
#com fieldset { float:right; margin:70px 0 0 0; border:0; padding:0; margin-right:0px; width:171px }
#com fieldset input { margin:15px 0 5px }
#com input.buton { width:67px; height:14px; margin-top:10px; float:left; font-weight:bold; cursor:pointer }
#form_contact label, #com label { float:left; width:70px; text-align:left; padding:0 5px; }
#form_contact .camp, #com .camp { float:left; background:#fff; width:200px; font:12px "Trebuchet MS", Arial; margin-bottom:5px }
#form_contact .buton, #com .buton { background:#EB0000; color:#fff; width:50px; height:20px; font-weight:bold; font:12px "Trebuchet MS", Arial; margin:5px 0 }
#form_contact textarea, #com textarea { float:left; background:#EAEAEA; font:12px "Trebuchet MS", Arial; width:198px; border:0 }
#form_contact br, #com br { clear:both }
.poze { float:left; margin:15px 15px 0 0; }
.artic { border-bottom:1px solid #aaa; padding-bottom:20px; margin-bottom:20px }
.artic p { margin-top:5px }
#galfilme { background:#3B3B3B; padding:6px; height:100px; color:#fff; text-align:center; position: relative; width:550px }
#galfilme div { width:120px; height:90px; float:left; margin-right:7px; padding:0 }
* html #galfilme { background:#3B3B3B; padding:6px; height:100px; color:#fff; position: relative; width:540px }
* html #galfilme div { width:120px; height:90px; display:inline; margin-right:5px; padding:0 }
#galfilme div a:visited, #galfilme div a, #galfilme div a:hover { background:none }
#galfilme div a img { padding:0; margin:0 0 0 -3px }
#promotv { background:#3B3B3B; padding:6px 12px; height:120px; color:#fff }
#promotv div { width:135px; height:90px; float:left; margin-right:12px; padding:0 }
#promotv div a, #promotv div a:hover { background:none }
#promotv div a img { padding:0; margin:0 0 0 -3px }
.data { background:#000; color:#fff; font-size:10px; padding:3px 5px 0; min-height:15px; }
.data img { border:0 }
.data ul { float:right; width:130px; margin:0; padding:0 }
.data ul li { display:inline; float:left; list-style-type:none; margin-right:10px }
#main #postere a.backnone:link, #main #postere a.backnone:visited, #main #postere a.backnone:hover { background:none; border:0 }
div#events { width:500px; color:#fff; font-size:11px; margin-top:20px }
div#events li a { color:#000; text-decoration:underline; background:none; padding:0 }
div#events li a:hover { color:#000; text-decoration:none; background:none; padding:0 }
div#events li img { margin-right:0px }
div#events ul { margin:0; padding:0 }
div#events ul li div { float:right; width:450px; padding-top:2px; margin-bottom:10px }
div#events ul li { clear:both; margin-bottom:10px }
.presa { margin:0px 20px 20px 0px; width: 255px; float: left; font-weight: bold }
.presa img { float:left; margin-right:5px }
.red { color:#eb0000; font-weight:bold }
.green { color:#1a960b; font-weight:bold }
.yellow { color:#ffa800; font-weight:bold }

/**********************************************************************
RIGHTAREA
**********************************************************************/

#right { float:left; width:330px; }
#right a { background:#eb0000; color:#fff; text-decoration:none; padding:0 3px; display:inline-block }
#right a.none, #right a.none:hover { background:none; display:inline; color:#000; margin:0; padding:0; border:0 }
#right a:hover { background:#000; color:#fff }
#right h1 { margin-left:6px; }
#right p { margin-left:6px }
#jurnal { background:#3b3b3b; color:#fff; font-size:11px; width:310px; padding:14px 6px 0px 12px; }
#jurnalbut { background:#3b3b3b; font-weight:bold; font-size:11px; width:310px; padding:5px 6px 10px 12px; margin-bottom:20px }
#jurnal a { color:#fff; text-decoration:none; background:none }
#jurnal a:hover { color:#aaa; text-decoration:none; background:none }
#jurnal li img { margin-right:3px }
#jurnal li div { float:right; width:260px; padding-top:2px }
#jurnal ul li { margin-bottom:5px; clear:both }
#emisiune { width:310px; padding-right:5px; margin-bottom:10px }
#emisiune span { margin:5px 0 0 6px; display:block }
#emisiune p { margin:5px 0 0 6px; }
#sharesocial { background:#f2f2f2; margin:0; padding:0; height:26px }
#sharesocial ul.share { padding:5px; margin:0; list-style-type:none; background:url(/styles/style1/images/share_bg.gif) top left no-repeat; }
#sharesocial ul.share li { float:left; margin-right:15px; padding:0; }
#sharesocial ul li a, #sharesocial ul li a:hover { background:none; padding:0px; border:0; margin:0 }
#right h1.jurnal { background:url(/styles/style1/images/icons/jurnal.jpg) no-repeat left top; padding-left:31px; margin-left:0; margin-top:20px; }
#right h1.emisiunea { background:url(/styles/style1/images/icons/emisiunea.jpg) no-repeat left top; padding-left:31px; margin-left:0; margin-top:20px }
#right h1.miscare { background:url(/styles/style1/images/icons/miscare.jpg) no-repeat left top; padding-left:31px; margin-left:0; margin-top:20px }
#right h1.putin { background:url(/styles/style1/images/icons/putin.jpg) no-repeat left top; padding-left:31px; margin-left:0; margin-top:20px }
#right h1.profil { background:url(/styles/style1/images/icons/profil.jpg) no-repeat left top; padding-left:31px; margin-left:0; margin-top:20px }
#right h1.specialisti { background:url(/styles/style1/images/icons/specialistii.jpg) no-repeat left top; padding-left:31px; margin-left:0; margin-top:20px }
#right h1.sustinatorii { background:url(/styles/style1/images/icons/sustinatorii.jpg) no-repeat left top; padding-left:31px; margin-left:0; margin-top:20px }
#right h1 a { background:none; color:#000; }
#right h1.intreabaspec { background:url(/styles/style1/images/icons/intreabaspec.jpg) no-repeat left top; padding-left:31px; margin-left:0; margin-top:20px }
.lead { margin:5px 0 10px; background:#3b3b3b; color:#fff; font-size:11px; padding:10px; width:310px }
.leadrez { margin:5px 0 10px; background:#3b3b3b; color:#fff; font-size:11px; padding-bottom:10px; width:330px }
.leadpic { margin:20px 0 10px; }
#banner { margin-top:10px; }
#banner div { width:200px; height:225px; float:left; overflow:hidden; border:3px solid #3b3b3b }
#banner textarea { width:104px; height:221px; background:#3b3b3b; color:#fff; border:0; padding:5px; overflow:hidden; font-size:11px; line-height:12px; float:right }
#newsletter #femail { background:#f2f2f2; color:#000; width:215px; height:16px; padding:1px; margin-bottom:5px; font:11px "Trebuchet MS", Arial; }
#newsletter #fbutton { background:#eb0000; width:282px; height:16px; font-weight:bold; font-size:11px; color:#fff; padding:0px; margin-top:3px; font:bold 11px "Trebuchet MS", Arial; }
#newsletter input#fbutton:hover { background:#000; color:#fff }
.friend { border:1px solid #666666; height:18px; width:150px; padding:2px 0; color:#000000; }
.sendfriend { border:1px solid #666666; height:24px; padding:2px; width:100px; color:#ffffff; background-color:#1a1a1a; font-weight:bold; }

/**********************************************************************
FOOTER
**********************************************************************/

#footer { text-align:right; color:#000; margin-top:5px }
#footer img { float:left; margin-right:5px }
#footer a { color:#000; }
#footer a:hover { color:#000; text-decoration:none }
#footer ul { float:left; background:#fff; width:722px; height:27px; text-align:right; padding-right:30px; padding-top:10px }
#footer ul li { display:inline; }

/**********************************************************************
CLEARS
**********************************************************************/

.clearer { clear:both; font-size:0px; line-height:0px; width:100%; height:0px; visibility: hidden; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/

* html .clearfix { height: 1%; }
.clearfix { display: block; }

/* End hide from IE-mac */
