/* 
PG ASEN ZLATAROV - VIDIN
-----------------------------------------
   M  A  I  N    C  S  S    F  I  L  E
-----------------------------------------
Crated by Mylo.bg
*/
* { margin: 0px; padding: 0px; }

body {
    background: url(images/background.jpg) top repeat-x #F0F0F0;
    font-family: Arial, Tahoma, Helvetica, Verdana, sans-serif; 
    font-size: 12px;
    color: #222; 
    margin: 0px;
    padding: 0px; }

img { border: none; }

a, a:link, a:active, a:visited {
    color: #222;
    text-decoration: none; }
    
a:hover {
    color: #044d8f;
    text-decoration: underline; }

#wrap {
    width: 837px;
    padding-left: 0px;
    padding-right: 0px;
    margin-left: auto;
    margin-right: auto; }
    
    
    
/* ---------------------------------- Header ---------------------------------- */
.head {
    background: url(images/headbg.jpg) no-repeat;
    width: 100%;
    height: 111px;
    float: left;
    margin-top: 25px; 
    }
        
/* -------------- Icon navigation --------------- */
.iconnav {
    width: 70px;
    height: 11px;
    float: right;
    margin-top: 27px; }
    
.homeicon {
    background: url(images/homeicon.jpg) no-repeat;
    width: 11px;
    height: 11px;
    display: block;
    float: left; }
    
.homeicon:hover {
    background: url(images/homeicon_h.jpg) no-repeat;
    margin-top: 1px; }
    
    
.sitemapicon {
    background: url(images/sitemapicon.jpg) no-repeat;
    width: 11px;
    height: 11px;
    display: block;
    float: left;
    margin-left: 15px;
    margin-top: 2px; }
    
.sitemapicon:hover {
    background: url(images/sitemapicon_h.jpg) no-repeat;
    margin-top: 1px; }
    
    
.mailicon {
    background: url(images/mailicon.jpg) no-repeat;
    width: 11px;
    height: 11px;
    display: block;
    float: left;
    margin-left: 15px;
    margin-top: 2px; }
    
.mailicon:hover {
    background: url(images/mailicon_h.jpg) no-repeat;
    margin-top: 1px; }
    

/* --------------- Head navigation --------------- */
.headnav {
    background: url(images/headnavbg.jpg) no-repeat;
    width: 100%;
    height: 41px; 
    float: left; }
    
.hnav {
    width: 205px;
    height: 30px;
    margin-left: 5px;
    float: left;
    list-style: none; 
    padding-left: 4px !important /*temp*/; }
    
.hnav li {
    float: left; }

.hnav li a {
    display: block;
    padding-top: 7px;
    padding-left: 8px;
    padding-right: 8px;
    height: 29px;
    float: left;  }
    
.hnav li a:hover {
    background: url(images/topnav_h.gif) repeat-x;
    color: #044d8f;
    text-decoration: none; }
    
.topnavsep {
    background: url(images/topnavsep.jpg) no-repeat;
    width: 2px;
    height: 36px;
    display: block; }
    
    
/* --------------- Head login --------------- */
.login {
    width: 289px;
    height: 28px;
    margin-left: 52px;
    padding-left: 6px;
    padding-top: 2px;
    float: left; 
    color:back;
    /*text-align:center;    */
    }
    
.lforms {
    background: #fff;
    width: 112px;
    height: 20px;
    padding-top: 3px;
    padding-left: 3px;
    border: 1px solid #ddd;
    /*margin-left:40px;*/
    float: left;
    font-size: 12px;  }
     
.login label {
    /*font-weight:bold;  */
    float:left;
    color:#888888;
    padding-right:8px;
    padding-top:5px;
}
    
.loginbutton {
    background: url(images/loginbutton.jpg) no-repeat;
    width: 18px;
    height: 25px;
    border: none;
    margin-left: 3px; }
    
    
/* --------------- Head search --------------- */
.searchbox {
    width: 269px;
    height: 28px;
    padding-top: 1px;
    float: left;}
    
.searchform {
    background: url(images/searchformbg.jpg) right #FFF no-repeat;
    width: 215px;
    height: 20px;
    border-left: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
    border-right: 1px solid #DDD;
    border-top: none;
    padding-top: 4px;
    padding-left: 5px; 
    margin-left: 13px;
    font-size: 12px;
    float: left; }
    
.searchbutton {
    background: url(images/searchbutton.jpg) no-repeat;
    width: 18px;
    height: 25px;
    margin-left: 5px;
    display: block;
    float: left;
    border: none; }

/* where am i */
.where {    
    width: 820px;
    height: 20px;
    float: left;
    margin-top: 15px;
    font-size: 11px; 
    padding-left: 20px;}
    
.where li  {    
    margin-left: 0px;
    float: left;
    list-style: none; }

.where li a {
    background: url(images/arr.jpg) left no-repeat;
    padding-left: 10px;
    margin-right: 5px; }
    
    
    
    
/* ---------------------------------- Content ---------------------------------- */
.contbox {
    display:block;
    float:left;
    clear:both;
    width: 827px;
    height: auto;
    margin-top: 10px;
    margin-left: 5px;
    float: left;
    padding-bottom: 10px;
    background: url(images/contboxbg.jpg) repeat-y #FFF; }
    
.roundedtop {
    background: url(images/roundedtop.jpg) no-repeat;
    width: 827px;
    height: 5px;
    float: left;
    margin: 0px; }
    
.roundedbottom {
    background: url(images/roundedbottom.jpg) no-repeat;
    width: 827px;
    height: 5px;
    float: left;
    clear:both;
    font-size:4px;
    margin: 0px;
    margin-left: 5px; } 
    
/* --------------- Vertical navigation --------------- */
#verticalnav {
    width: 179px;
    height: auto;
    list-style: none;
    float: left;
    margin-right: 0px;
    margin-left: 10px;
    margin-top: 5px;
    background: url(images/vnavbg.jpg) repeat-y; }
    
#verticalnav li { 
    float: left; }
    
#verticalnav li a {
    background: url(images/vnavbg.jpg) repeat-y;
    width: 169px;
    height: 20px;
    padding-left: 10px;
    padding-top: 5px;
    float: left;
    margin: 0px;
    color: #fff; }

#verticalnav li a:hover, #verticalnav li a.active, #verticalnav li a.open, #verticalnav ul.open li a:hover {
    background: url(images/vnav_h.jpg) repeat-x !important;
    color: #222 !important;
    text-decoration: none; }
/* Sub menus */
#verticalnav ul {
    background: url(images/vnavbg.jpg) repeat-y;
}
#verticalnav img {
    margin-right:3px;
}
#verticalnav ul li a {
    background: url(images/vnavbgsub.jpg) repeat-y;
    color:#eee;
}
#verticalnav ul ul li a {
    background: url(images/vnavbgsub2.jpg) repeat-y;
    color:#eee;
}

#verticalnav ul li { 
    list-style: none; 
}
#verticalnav ul li a {
    padding-left:8px;
    width:171px;
    font-size:10px !important;
}
#verticalnav ul ul li a {
    padding-left:16px;
    width:163px;
    font-size:10px !important;
}
.sep {
    background: url(images/sep.jpg) no-repeat center; 
    width: 159px;
    height: 1px;
    display: block;
    margin-left: 10px;
    margin-right: 10px; 
    float: left; }
    
.titlenav {
    background: url(images/titlenav.jpg) left no-repeat;
    margin: 0px;
    float: left; 
    width: 179px;
    height: 39px; }
    
#vnavbottom {
    background: url(images/vnavbottom.jpg) no-repeat;
    width: 179px;
    height: 3px;
    display: block;
    float: left;
    margin: 0px; }
    
    
/* --------------- COLUMN 2 / Black board --------------- */
.column2 {
    width: 306px;
    height: auto;
    float: left;
    margin: 6px; }
    
.blackboard {
    background: url(images/blackboard.jpg) no-repeat;
    width: 270px;
    height: 169px;
    float: left; 
    padding: 18px;
    font-family: Georgia, Times New Roman, Times, serif;
    color: #FFF; }
    
/* --------------- Last forum topics --------------- */
.lastbox {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 0px; 
    list-style: none; }
.lastbox li {
    float: left; }
    
.lastbox li a {
    background: url(images/lastforumtopics_bg.jpg) bottom; 
    width: 296px;
    height: 22px;
    padding-top: 6px;
    padding-left: 10px;
    float: left;
    margin-bottom: 1px; } 
    
.lastbox li a:hover {
    background: url(images/arr.jpg) left no-repeat #f6f6f6; 
    padding-left: 20px;
    width: 286px;
    height: 21px;
    border-bottom: 1px solid #cfcdbd; }

.lastbox li a#toForum,.lastbox li a#toForum:hover {
    float:right;
    margin-right:8px;
    font-size:9px;
    margin-top:18px;
    color:white !important;
    background:none; 
    width: auto;
    height: auto;
    padding-top: 0px;
    padding-left: 0px;
    margin-bottom: 0px;
    border-bottom:0px;
}
.lasttitle {
    background: url(images/lastfromforum.jpg) no-repeat;
    width: 100%;
    height: 43px;
    float: left; }
    
.lastbottom {
    background: url(images/lastforumtopics_bottom.jpg) no-repeat;
    width: 100%;
    height: 13px;
    float: left;
    margin: 0px; }
    
/* --------------- COLUMN 3 / News --------------- */
.column3 {
    width: 305px;
    height: auto;
    float: left;
    margin-top: 6px;
    margin-left: 3px; }
    
.newstitle {
    background: url(images/news.jpg) no-repeat;
    width: 100%;
    height: 43px;
    float: left; 
}

.newstitle a {
    float:right;
    margin-right:8px;
    font-size:9px;
    margin-top:20px;
    color:white !important;
}

.iteim {
    width: 290px;
    margin-left: 7px;
    margin-top: 10px;
    float: left;
    padding-bottom: 10px;
    font-size: 11px;
    }

.iteim a.ntitle {
    height:20px !important;
    font-size: 13px;
    font-weight: bold;
    color: #044d8f !important; 
    text-decoration:none !important;
}
.iteim a.ntitle:hover {
    color:#306EB5 !important;
    text-decoration:underline !important;
}

.iteim a {
    text-decoration: underline;
    color: #306eb5; }
    
.ntsep {
    background: url(images/ntsep.jpg) no-repeat;
    width: 100%;
    height: 3px; 
    float: left;
    display: block;
    margin-top: 5px;
    margin-bottom: 5px; }
    
.date {
    font-size: 11px; 
    float: left;
    color: #969696;
    margin-bottom: 5px; }
    
.ntext {
    width: 100%;
    height: auto;
    float: left; }
.ntext a.more {
    text-decoration:none !important;
}
.ntext a.more:hover {
    text-decoration:underline !important;
}
    
.iteimsep {
    background: url(images/iteimssep.jpg) top repeat-x;
    width: 305px;
    height: 8px;
    display: block;
    float: left; }
    
.newsbottom {
    background: url(images/lastforumtopics_bottom.jpg) no-repeat;
    width: 100%;
    height: 13px;
    float: left;
    margin: 0px; }
    
    
/* ---------------------------------- InPage ---------------------------------- */
.right {
    width: 619px;
    height: auto;
    float: left;
    margin-top: 5px;
    margin-left: 10px; }
    
.itbg {
    background: url(images/initeimbg.jpg) no-repeat;
    width: 599px;
    height: 23px;
    font-family: Georgia, Times New Roman, Times, serif;
    font-size: 20px;
    padding: 10px;
    color: #fff;
    float: left; }
    
.intext {
    width: 599px;
    background: #F6F6F6;
    float: left;
    font-size: 12px;
    padding: 10px;
    line-height: 1.7em; }
    
.intext h1, .intext h2 {
    font-family: Georgia, Times New Roman, Times, serif;
    font-size: 16px;
    font-weight: bold;
    color: #204F85;
    margin-top: 10px; }
.intext h2 {
    font-size:14px;
}
.intext ul, .intext ol {
    margin-left:16px;
}
.intext ul li,.intext ol li {
    list-style-position: inside;
}
    
.itbottom {
    background: url(images/initeimbottom.jpg) no-repeat;
    width: 619px;
    height: 13px; 
    float: left;
    margin-top: 0px; }
    
/* ---------------------------------- Footer ---------------------------------- */
#footer {
    background: url(images/footerbg.jpg) repeat-x bottom;
    float: left;
    width: 100%;
    height: 55px;
    margin-top: 25px;
    margin-bottom: 0px; }
    
#footer1 {
    background: url(images/footerbg1.jpg) no-repeat;
    width: 797px;
    height: 25px;
    padding: 15px; 
    margin-left: auto;
    margin-right: auto;
    font-size: 11px; }
    
.fc { margin-top: 5px; float: left; color: #222222; }
        
.designed { margin-top: -2px; float: right; }
    
/* Images */
#siteTitle {
    background-image:url(images/asenzlatarov.jpg);
    text-indent:-9999px;
    width:709px;
    height:20px;
    display:block;
    margin-top:25px;
    float:left;
}
#logo {
    background-image:url(images/logo.jpg);
    /*text-indent:-9999px;*/
    width:104px;
    height:100px;
    display:block;
    margin-top:5px;
    float:left;
}
.designed a {
    background-image:url(images/ueb_dizain.png);
    text-indent:-9999px;
    width:67px;
    height:23px;
    display:block;
    float:left;
}
.designed a:hover {
    background-position:0px 23px;
}
/** Inner page CSS classes **/
.newsPageItem {
    display:block;
    clear:both;
    width:599px;
}
.newsPageItem .ntsep {
    width:599px;
    background: url(images/ntsep2.jpg) no-repeat !important;
    height:6px;
}
.newsPageItemSep {
    width:599px;
}

.sitemap ul {
    margin-left:16px;
}
.sitemap li {
    list-style-position: inside;
}
.subnav_container ul.subnav {
    margin-left:16px;
}
.subnav_container ul.subnav li {
    list-style-position: inside;
}

#loggedIn {
    padding-top:4px;
}
#loggedIn a {
    font-weight: bold;
    color:#222222 !important;
}
.ok {
    color:green !important;
}