@import url(tripoli.base.css); 

body {
    text-align:center;
    color:#000;
    background:#fff;
}


#body {
    margin:0 auto;
    width:950px;
    text-align:left;
    padding-top:233px; /* 4 header */
    position:relative;
}


#header {
    position:absolute;top:0;
    height:233px;width:100%;
    background: url('images/header.jpg') no-repeat top left #fff;
}
#header .l { position:absolute;left:15px;top:35px; }
#header .r { position:absolute;right:0;top:0; }



/* footer  */
#footer {
    clear:both;
    height: 65px;width:100%;
    background: url('images/footerbg.jpg') left repeat-x #fff;
}
/* /footer  */


/*  middle */
#middle {
    overflow:hidden;
    _zoom:1;
}
#middle .main {float:right;width:700px;overflow:hidden;_zoom:1;padding:10px;}
#middle .menu {float:left;width:230px;overflow:hidden;_zoom:1;padding-top:10px;}



/*  /middle */

/* main menu (tree) */
#tree li {
    list-style:none;
}
#tree li ul {
    margin-bottom:5px;
    margin-left:15px;
    border-left:5px solid #eee;
}
#tree li a {
    display:block;
    height: 32px;
    line-height:32px;
    background:url('images/menu_out.jpg') no-repeat top left #666;
    white-space:nowrap;
    overflow:hidden;
    color:#fff;
    text-decoration:none;
    font-style:italic;
    font-family:Georgia,serif;
    font-size:14px;
    padding-left:10px;
    margin-bottom:5px;
}
#tree li a:hover,#tree li a.current,#tree li a.active {
    background-image:url('images/menu_over.jpg');
}
#tree li li a {
    height:16px;
    line-height:16px;
    background:#fff;
    color:#666;
}
#tree li li a:hover,#tree li li a.current,#tree li li a.active {
    background:#fff;
    color:#d94a4a;
}
/* /main menu (tree) */

/* content */
.content {
    font-family:Arial,sans-serif;
    font-size:12px;
    color:#000;
}

.content a, .content a:visited {
    color:#d94a4a;
    text-decoration:underline;
}
.content a:hover {
    color:#000;
}

.content h1 {
    font-size:30px;
    color:#666;
    margin:0 0 15px 0;
    padding:0;
}
.content blockquote {
    border-left:5px solid #eee;
    font-family:'Comic Sans MS', cursive;
    font-size:1.1em;
    
}

.content img { vertical-align:middle !important;}


.content .istoric-els               { clear:both; }
.content .istoric-el                { overflow:hidden; zoom:1; margin-bottom:15px; }
.content .istoric-el .el-body       { float:left; width:600px;  padding-left:10px; line-height:1.2em; border-left:1px dotted #eee}
.content .istoric-el .el-title      {
    padding:0;
    margin:0;
    width:60px;
    float:left;
    clear:left;
    margin-right:15px;
    font-size:20px;
    font-weight:normal;
    color:#666;
    overflow:hidden;
    text-align:center;
}
.content .text-el-images {
    margin-left:10px;
    margin-bottom:10px;
    float:right;
}
.content .text-els,.content .text-els-bg,.content .text-el, .content .form{
    overflow:hidden;
    zoom:1;
}
.content .text-el-bg {
    width:320px;
    padding:10px;
    float:left;
    padding-top:20px;
}
.content .text-el-bg .text-el-title {
    color:#000;
}
.content .text-el-bg .text-el-info {
    font-size:18px;
    padding-left:20px;
}
.content .text-els-bg .odd {
    margin-top:30px;
}
.content .text-els-bg .odd .text-el-title {
    /*text-align:right;*/
}

.content .text-els-bg .even {
    clear:left;
}


.content .brands                    { overflow:hidden; zoom:1; position:relative; }
.content .brands p,.content .brands h3 {margin:0;padding:0;}
.content .brands .brand             {
    width:150px;
    height:120px;
    overflow:hidden;
    padding:5px;
    background:#dadada;
    margin-right:15px;
    margin-bottom:15px;
    float:left;
    overflow:hidden;
    position:relative;
}
.content .brands .brand-image       { width:150px; height: 85px; background:#fff; text-align:center; line-height:85px; overflow:hidden; }
.content .brands h3                 {
    font-family:Georgia,serif; 
    font-style:italic;
    font-size:12px;
    line-height:13px;
    height:13px;
    overflow:hidden;
    white-space:nowrap;
    color:#666;
    padding:5px;
    padding-bottom:0;
    font-weight:normal;
}
.content .brands .brand-link        { padding:5px; padding-top:0; font-family:Georgia,serif; font-style:italic; }

/* common */
.content .fleft {
    float:left;
}
.content .clear {
    clear:both;
}

/*forms */

.content label {
    display:block;
    color:#666;
}
.content fieldset {
    display:block;
    border:1px solid #ccc;
    margin:0;
    margin-right:10px;
    padding:10px;
    width:300px;
    float:left;
    
}
.content legend {
    font-weight:bold;
    margin-left:10px;
    padding:3px;
    color:#000;
}
.content input,.content select,.content textarea {
    display:block;
    width:250px;
    padding:2px 5px;
    border:1px solid #ccc;
    color:#000;
    font-family:Arial,sans-serif;
    font-size:11px;
}
.content input.wauto {
    width:auto;
    border:0;
}
.content input.checkbox {
    width:auto;
    border:1px solid #ccc;
    float:left;
    clear:left; 
    margin-right:10px;
}

.content input.hidden {
    display:none;
}

.content textarea {
    width:90%;
    height:120px;
}
.content input.image {
    width:auto;
    height:auto;
    border:0;
    margin:0;padding:0;
}
.content .wimgleft {
    overflow:hidden;
    zoom:1;
}
.content .wimgleft img {
    float:left;
    padding-right:5px;
    padding-bottom:5px;
}
.content .wimgleft input {
    width:100px;
}

.content input.errors,.content textarea.errors,.content select.errors {
    border-color:#f00;
    background:#ffc;
}
.content .error_message,.content .errors_message {
    display: block;
    padding-left:10px;
    color:#f00;
    font-style:italic;
}
.content .hidedel del {
    display:none;
}
.