/* body { text-align:center;} ; in reset.css */

/* main layout : header, content, footer */
#body {
    width:1000px;
    margin:0 auto;
    position:relative;
    padding-top:125px;
    text-align:left;
}


#header     { position:absolute;top:0;left:0; height:125px; width:100%; margin:0 auto; overflow:hidden; 
              background:url(bg/header.jpg) repeat-x top #fff; }
#middle     { padding:5px 24px; }
#footer     { width:100%; height:60px; overflow:hidden;  margin-top:10px; padding:10px 0; clear:both;
              background:url(bg/footer.jpg) repeat-x top #fff; }


/* header's parts*/
#header-top { height:85px; overflow:hidden; }
#mainmenu   { height:40px;padding-left:8px; margin-left:16px; background:url(bg/mainmenu.jpg) no-repeat top left transparent;overflow:hidden; zoom:1; }



/* header - top parts */
#header input.text { font-size:11px; height:14px; padding:1px 5px; border:1px solid #ccc; color:#999; }
#logo              { padding-top:10px; padding-left:30px; float:left; }
#tabs              { float:right; overflow:hidden; zoom:1; background:url(bg/retea.jpg) repeat-x bottom left transparent; }


#tabs li           { height:18px;float:left; padding-top:5px; }
#tabs li.first     { padding-left:30px; background:url(bg/retea_left.jpg) no-repeat bottom left transparent; }
#tabs li.last      { padding-right:10px; }
#tabs li a         { display:block;padding:1px 6px 1px 6px;line-height:18px;color:#369; font-size:9px; 
                     background:url(bg/retea_sep.jpg) no-repeat bottom left transparent; }
#tabs li.after a   { background:none; }
#tabs li.current a,
#tabs li a:hover   { padding:0px 5px 0px 5px; border-left:1px solid #ccc; border-right:1px solid #ccc; border-top:1px solid #ccc;background:#fff; }

#search             { clear:right; float:right; margin-top:10px; margin-right:9px; height:30px; line-height:30px; vertical-align:middle; }
#search input       { vertical-align:middle; margin-right:2px; }

/* mainmenu parts */
#mainmenu li       { float:left; border-right:1px solid #fff; border-bottom:1px solid #fff;}
#mainmenu li.first { border-left:1px solid #fff; }
#mainmenu li a     { display:block;line-height:13px; padding:6px 15px; background:url(bg/mainmenu.jpg) no-repeat top right transparent;
                              font-size:11px; font-weight:bold; text-transform:uppercase; text-decoration:none; color:#333; }
#mainmenu li a:hover,
#mainmenu li a.current { color:#E2273C; }
#mainmenu li.newsletter { padding:6px 0;float:right; text-align:right; padding-right:10px; }
#mainmenu li label { display:block;float:left; font-size:11px; font-weight:bold; text-transform:uppercase; color:#0087d1; line-height:13px; margin-right:10px; }
#mainmenu li input.text { display:block;float:left;height:14px;margin-top:5px;margin-right:5px;width:100px;}
#mainmenu li input.image { display:block;float:left; height:18px; margin-top:5px;}


/*content parts*/
#left               { padding-top:5px; width:710px; float:left; overflow:auto; }
#right              { width:230px; float:right; overflow:hidden;padding-top:5px; }

#content            { width:466px; padding-left:10px;float:left; overflow:hidden; position:relative;}
#submenu            { padding-top:8px; width:220px; margin-right:2px;float:right; }

#content-full       { width:700px; padding-left:10px; overflow:hidden; position:relative;}

#footer p           { padding:2px; text-align:center;font-size:.9em;line-height:.9em; }
#footer p a,
#footer p a:visited { color:#333; }
#footer p a:hover   { text-decoration:underline !important; }


#flash, #info       { background:#eee; border:1px solid #fff; position:absolute; top:5px; right:5px; width:500px; padding:3px; z-index:100; }
#flash p            { color:red; text-decoration:blink; }
#info  p            { color:blue; text-decoration:blink; }

#tree               { border-top:1px dotted #666;  overflow:hidden; }
#tree ul            { margin-left:10px; }

#tree a             {
    display:block;
    background:#fff;
    width:100%;
    font-family:Georgia,serif;
    font-size:13px;
    font-style:italic;
    line-height:26px;
    color:#0087d1;
    text-decoration:none;
    border-bottom:1px dotted #666;
}

#tree a.current,#tree a:hover { color:#111; }

#submenu .gohome             { padding:0; margin:0; margin:5px 0; }
#submenu .gohome a           { display:block; padding:5px 0; }

#submenu .download          { 
    margin:5px 0;
    background:url(bg/mimes/pdf.gif) no-repeat top left #fff;
    padding-top:23px;
    padding-left:70px;
    height:50px;
    overflow:hidden;
    font-family:Georgia,serif;
    font-size:12px;
    font-style:italic;
}


#home-image    { width:710px; height:300px; overflow:hidden; }
#content-image { width:950px; height:300px; overflow:hidden; position:relative; }

#content-image div {
    position:absolute;
    bottom:15px;
    left:20px;
    width:355px;
    background-color:transparent;
    color:#FFF;
    padding-top:20px;
}
#content-image h1 {
    font-size:30px;
    font-weight:bold;
    padding-bottom:10px;
}
#content-image p {
    font-family:Georgia,serif;
    font-size:16px;
    font-style:italic;
    line-height:26px;
    background:url(bg/puncte.gif) repeat-y 0 4px;
    padding:0;margin:0;
    padding-bottom:5px;
    padding-top:4px;
    padding-left:3px;
}