/**
author: vladisi 
http://ilmuvieno.ru
http://vk.com/ilmuvieno
**/

/**#################### DEFAULT and FORMS CSS ####################**/

body,html {
  padding          : 0;
  margin           : 0;
   
           }

td, tr, p, div {
  font-family      :  Arial, Helvetica, sans-serif;
  color            : #000000;
  font-size        : 13px;
  line-height      : 16px;
}

hr {
  color            : #60ADC9;
  height           : 1px;
  width            : 100%;
}



a:link, a:visited {
color          : #4AA0BF;
text-decoration: underline;
}

a:hover, a:active {
color          : #D21D0F;
text-decoration: none;
}

ul {
  margin           : 2px;
  padding-left     : 10px;
  list-style       : none;
}

li {  
  line-height        : 14px;
  padding-left       : 14px;
  padding-top        : 2px;
  background-image   : url(../images/li.gif) ;
  background-repeat  : no-repeat;
  background-position: 0px 7px;
}

ol li {
background-image     : none;
}

fieldset{
border           : none;
}


form {
margin           : 0; 
padding          : 0;
}

.inputbox {
 color        : #000000;
 background   : none;
 border       : 1px solid #57A8C5;
 margin       : 3px 0;
 padding      : 3px;
}


form select.button{
 color        : #333333;
 background   : #EEF9FD;
}

option {
background    : #EEF9FD;
}

h1 {
  font-size        : 18px;
  color            : #805649;
    }

h2 {
  font-size        : 16px;
  color            : #7D1D00;
    }

h3 {
  font-size        : 14px;
  color            : #E97B2E;
    }

pre {

width      : 500px;
overflow   : auto;
font-size  : 12px;
border     : 1px solid #D7F1FA;
padding    : 15px;
margin     : 15px 0;
color      : #564D54;
}  

blockquote{
width        : 500px;
margin       : 15px 0;
padding      : 15px;
border-top   : 3px solid #D7F1FA;
border-bottom: 3px solid #D7F1FA;
background   : #EEF9FD;
color        : #000000;
}

.highlight {
background-color: #C9170D;
color           : #ffffff;
padding         : 0 5px;
}

img {
border          : 0 none; 
}

/**#################### Joomla CSS ####################**/

/** Buttons **/

.back_button {
  font-size        : 12px;
  font-weight      : normal;
  padding-bottom   : 3px;
  margin-left      : 20px;
  float            : left;
  line-height      : 20px;
    
  }

div.back_button a{
text-decoration    : none;
  }


.button {
  font-size        : 12px;
  color            : #ffffff;
  border           : 1px solid #A2170B;
  margin           : 3px 0;
  padding          : 3px;
  cursor           : pointer;
  background       : #D21D0F;
}


/** Contact **/

.contact_email  {
  width            : 100%;
}

.contact_email .inputbox {}



/** Module **/


div.module, div.module_menu, div.module_text {
  width: 190px;
  background: url(../images/bg_mrv.jpg) repeat-y top center;
  margin-bottom: 10px;
  
}

div.module div, div.module_menu div, div.module_text div {
  background: url(../images/bg_mb.jpg) bottom center no-repeat;
}

div.module div div, div.module_menu div div, div.module_text div div {
  background: url(../images/bg_mt.jpg) top center no-repeat;
  padding   : 10px 0 5px 0;
  }
div.module div div div, div.module_menu div div div, div.module_text div div div{
  background: url(../images/px.gif) no-repeat;
  width     : auto;
  padding   : 5px 10px 10px 10px;
  color     : #000000;
}

div.module_text div div div{
padding   : 0 10px 5px 10px;
}

div.module div div div h3, div.module_menu div div div h3, div.module_text div div div h3 { 
font-family        : Arial, Helvetica, sans-serif;
display            : block;  
padding            : 0 0 5px 0;
margin             : 0;
  font-size        : 14px;
  font-weight      : bold;
  color            : #000000;
  text-align       : center;
  letter-spacing   : 1px;
  
}

div.module div div div p, div.module div div div td{
    color     : #000000;
}

.contentmod div.mr{
background   : url(../images/bg_mrh.jpg) repeat-x top left #FFFFFF;
}

.contentmod div.mrth{
background         : url(../images/bg_mrt.jpg) no-repeat top right;
}

.contentmod {
text-align   : left;
padding      : 8px 0;

}

.contentmod td {
padding      : 5px;
}

.contentmod table.moduletable {
margin           : 0 0 8px 0;
width            : 100%;
background       : url(../images/bg_mlt.jpg) no-repeat top left;
}


.contentmod table.moduletable th{
      font-family        : Arial,Tahoma,Helvetica, sans-serif;
      font-size          : 14px;
  font-weight        : bold;
  text-align         : center;
  width              : 100%;
      color              : #000000;
  padding            : 2px;
      line-height        : 25px;
      background         : none;
      border-bottom      : 1px solid #ffffff;
}

.contentmod table td p{
padding     : 0 5px 5px 5px;
}


/** Read more **/

a.readon:link, a.readon:visited {
  color            : #D21D0F;
  font-size        : 12px;
  white-space      : normal;
  font-weight      : normal;
  padding          : 1px 0px;
  float            : right;
  line-height      : 15px;
  text-decoration  : none;
    
}
a.readon:hover {
  color            : #C35600;
  font-size        : 12px;
  white-space      : normal;
  font-weight      : normal;
  padding          : 1px 0;
  line-height      : 15px;
  text-decoration  : none;
  
 }



/** Pagenavigation **/

.pagenavcounter {
  font-size        : 12px;
  color            : #736E6A;
}

.pagenavbar {
  border-top       : 1px solid #60ADC9;
  padding          : 2px;
}

.pagination span { padding: 2px; }

.pagination a    { padding: 2px; } 

.pagination{
  font-weight      : normal;
  font-size        : 12px;
  }

a.pagination:link, a.pagenav:visited {
  font-size        : 12px;
  text-decoration  : none;
}

a.pagination:hover {
  font-size        : 12px;
  text-decoration  : none;
}




table.contenttoc {
  display          : block;
  float            : right;
  border           : 1px solid #CFECF9;
  background       : #E6F5FC;
  padding          : 0;
  margin-left      : 10px;
  margin-bottom    : 5px;
}

table.contenttoc th{
  margin           : 0;
  padding          : 2px;
  background       : #CFECF9;
  color            : #564A41;
 }
table.contenttoc td{
 margin             : 0;
 padding            : 3px 4px;
 border-bottom      : 1px solid #F7F5F4;
 background-image   : url(../images/li.gif) ;
 background-repeat  : no-repeat;
 background-position: 4px 9px;
   }


table.contenttoc td a:link, table.contenttoc td a:visited{
padding-left        : 12px !important;
padding-left        : 0;
text-indent         : 12px;
text-decoration     : none;

}


/** Pathway **/


.pathway {
  font-size        : 12px;
  color            : #333333;
  padding-left     : 0;
  font-weight      : bold;
}

a.pathway:link, a.pathway:visited {
  font-size        : 12px;
  padding-left     : 0;
  font-weight      : bold;
  text-decoration  : none;
  
}

a.pathway:hover {
  font-size        : 12px;
  padding-left     : 0;
  font-weight      : bold;

}
.pathway img{}


/** Content **/


.sectiontableheader {
  
  font-weight      : bold;
  letter-spacing   : 1px;
  color            : #ffffff;
  background       : #474E60; 
  padding          : 3px 5px;
  border           : 1px solid #474E60;
}


.sectiontableentry1 {
  vertical-align   : top;
  background       : #EEF9FD;
  border-bottom    : 1px solid #C0E5F4;
  line-height      : 20px;

}

.sectiontableentry1 td, .sectiontableentry2 td{
  padding          : 2px 5px  2px 0;
  border-bottom    : 1px solid #C0E5F4;
  line-height      : 20px;

}

.sectiontableentry2 {
  vertical-align   : top;
  border-bottom    : 1px solid #C0E5F4;
  background       : #E6F5FA;
  line-height      : 20px;
}

.sectiontableentry1 img{
margin             : 2px 0;
}
.sectiontableentry2 img{
margin             : 2px 0;
}


a.category:link, a.category:visited {
  font-size        : 12px;
  font-weight      : normal;
  padding          : 5px;
}


.small {
  font-size        : 11px;
  color            : #666666;
}
.smalldark {
  font-size        : 11px;
  color            : #333333;
}
.createdate, .modifydate {
  font-size        : 11px;
  color            : #666666;
  font-weight      : normal;
  text-align       : left;
  width            : 100%;
}
.content_vote {
  font-size        : 11px;
  height           : 22px;
  padding          : 2px 0;
  }
.content_rating {
  font-size        : 11px;
  color            : #666666;
}

table.content{
  width            : 100%;
  padding          : 0;
  border-collapse  : collapse;
  border-spacing   : 0;
  margin-bottom    : 10px;
}

table.contentpane {
  width            : 100%;
  border-spacing   : 0;
  padding-left     : 5px;
  padding-right    : 5px;
  margin-bottom    : 5px;
}

table.contentpaneopen {
  width            : 100%;
  border-spacing   : 0;
  padding-left     : 5px;
  padding-right    : 5px;
  margin-bottom    : 5px;
  
}

.contentheading{
  font-family      : Times, Arial, Tahoma, Helvetica, sans-serif;
  width            : 100%;
  font-size        : 18px;
  font-weight      : bold;
  line-height      : 22px;
  text-transform   : none;
  text-align       : left;
  color            : #D21D0F;
  margin           : 3px 0px;
  
}

.contentheading a, .main div.blog a {
text-decoration:none;
color          : #D21D0F;
}

.componentheading, .main div.blog > h1 {
  font-family      : Times, Arial, Verdana, Helvetica, sans-serif;
  width            : auto;
  font-size        : 18px;
  font-weight      : bold;
  line-height      : 23px;
  text-align       : center;
  color            : #444F61;
  padding          : 3px;
  margin           : 5px 1px;
  text-transform   : uppercase;
  }


.contentdescription { 
  width          : auto !important;
  margin         : 0;
  padding        : 0;
  padding-top    : 5px;
  text-align     : left;
}

 .blog_more {
margin           : 10px 0 7px 7px;
}

.buttonheading {
padding          : 0 2px;
}

.blog {
width            :100%;
}

span.article_separator{
display     : block;
width       : 100%;
height      : 20px;
}

td.article_column{
}

/** Polls **/


.poll {
  line-height : 13px;
  font-weight : normal;
      text-align  : left;
      text-align  : center;
}

.poll thead td{
  color       : #425455;
      text-align  : center;
      line-height : 18px;
  }

.pollstableborder{
  border-color     : #CFECF9;
  text-align       : left;
   
}

.pollstableborder .sectiontableentry1, .pollstableborder .sectiontableentry2{
background     : #E6F5FC;
border-bottom  : 1px solid #CFECF9;
padding        : 4px;
}



/** Mainmenu **/

.module_menu ul, .module_menu ul li
{
  background-image  : none;
  display           : block;
  width             : auto !important;
  width             : 100%;
  margin            : 1px 0;
  padding           : 0;
  font-size         : 13px;
  background        : none;
  

}



.module_menu ul li a, .module_menu ul li a:link, .module_menu ul li a:visited
{
  display          : block;
  font-size        : 13px;
  color            : #666666;
  border-bottom    : 1px solid #D8EFFC;
  font-weight      : normal;
  padding          : 3px 0;
  padding-left     : 5px;
  text-decoration  : none;
    
}

.module_menu ul li a:hover
{
  border-bottom    : 1px solid #D8EFFC;
  font-size        : 13px;
  font-weight      : normal;
  color            : #B50404;
  text-decoration  : none;
  padding-left     : 5px;
  text-decoration   : none;
  background       : #D8EFFC;


}

.module_menu ul li.active a:link, .module_menu ul li.active  a:visited
{
  color            : #B50404;
  border-bottom    : 1px solid #D8EFFC;
  background       : #D8EFFC;
  text-decoration   : none;
  font-size        : 13px;
  font-weight      : bold;
}


.module_menu ul li.active ul li a:hover, .module_menu ul li.active ul li ul li a:hover
{ background       :none;
  font-size        : 13px;
  font-weight      : normal;
  color            : #914000;
  text-decoration  : none;
  

}


.module_menu ul li ul li a:link, .module_menu ul li ul li a:visited, .module_menu ul li ul li ul li a:link, .module_menu ul li ul li ul li a:visited
{
  
   font-size        : 12px;
   font-weight      : bold;
   color          : #914000;
   text-decoration  : none;
   margin-left      : 15px;
   border           : none;
   
}

.module_menu ul li ul li a:hover, .module_menu ul li ul li ul li a:hover
{ background       : none;
  font-size        : 12px;
  font-weight      : normal;
  color            : #914000;
  text-decoration  : none;
  

}

.module_menu ul li.active ul li a:link, .module_menu ul li.active ul li a:visited, .module_menu ul li.active ul li a:hover, .module_menu ul li.active ul li ul li a:link, .module_menu ul li.active ul li ul li a:visited, .module_menu ul li.active ul li ul li a:hover

{
  background       : none;
  font-size        : 12px;
  font-weight      : normal;
  color         : #914000;
  text-decoration  : none;
  
  
}


ul.menu li.parent ul li.current a
{ background       : none;
  font-size        : 12px;
  font-weight      : bold;
  color            : #F50000;
  text-decoration  : none;
  

}


/** Topmenu  Legacy - Flat List **/



ul.menu-nav {
  font-family        :  Arial, Helvetica, sans-serif;
  list-style         : none;
  margin             : 0;
  padding            : 0;
  font-size          : 13px; 
  }

.menu-nav li {
  display            : inline;
  list-style         : none;
  background-image   : none;
  width       : auto;
  color       : #000000;
      
  

}
.menu-nav li a {
      display          : inline;
      width         : auto;
  padding       : 13px 6px;
  color         : #ffffff;
      text-decoration  : none;
      background       : #5FACC6;
  font-weight       : normal;
      line-height      : 44px !important;
      
}

.menu-nav li a:hover {
      width        : auto;
  background     : #D21D0F;
      padding      : 13px 6px;
  color        : #ffffff;
   font-weight      : normal;
  text-decoration    : none;

    
}
ul.menu-nav li #active_menu-nav {
      cursor            : default;
  width        : auto;
  background     : #D21D0F;
      padding      : 13px 6px;
  color        : #ffffff;
      text-decoration    : none;
  }



ul.menu-nav li #active_menu-nav:hover {
  cursor            : pointer;
  width        : auto;
  background      : none;
   padding      : 13px 6px;
  color        : #000000;
      text-decoration    : none;
  
  }


/** images **/

img.caption { 
border    : 1px solid #D6EFF6; 
padding   : 0;
}

div.img_caption {
margin    :0 2px;
padding   :0;
}

div.img_caption {
text-align: center;
}

div.img_caption.left {
margin-right: 1em;
}

div.img_caption.right {
margin-left: 1em;
}

/** #################### index.php #################### **/


#header {
position: relative;
clear       : both;
display     : block;
height      : 232px;
background  : url(../images/header.png) no-repeat top left;
}


#topmenu {
 
width        : auto;
padding      : 0;
padding-right    : 15px;
margin-top          : 10px;
text-align              : right;
height                  : 54px;
          }

.main { 
  text-align       : left; 
  width            : 100%;
 }

div.mod {
  background       : none;
  width            : 6px;
}

#clear {
clear          : both;
background     : #FFFFFF;
}

#maincontent{
background       : #ffffff url(../images/bg_content_top.jpg) repeat-x top left;
padding-top      : 30px;
}

#centertb {
padding          : 0px 5px 15px 5px;
}

#botmod {
padding          : 20px 0px 15px 0px;
width            : 980px;
text-align       : center;
}

#contenttb{
padding          : 5px 15px 10px 15px;

}

div.pw {
margin-top         : 0;
padding-left       : 5px;
padding-top        : 0px;
height             : 15px;
height             : 25px;
line-height        : 23px;
}



.leftcol{
   vertical-align   : top;
   padding          : 5px 0px 20px 10px;
   text-align       : left;
   width            : 211px;
   background       : none;

}
.rightcol {
   vertical-align   : top;
   padding          : 5px 10px 20px 0px;
   text-align       : left;
   width            : 211px;
   background       : none;

}


#topcontainer {
    
    }

#logo {
  position       : absolute;
  top            : 5px;
  left           : 17px;
  height         : 235px;
  width          : 351px;
  background     : url(../images/logo.png) no-repeat;
    }


#imglogo {
border : 0;
width  : 351px;
height : 235px;
}

#nologo {
  position       : absolute;
  top            : 60px;
  left           : 66px;
  height         : 34px;
  width          : 158px;
  background     : url(../images/porsche.jpg) no-repeat;
    }


#top_bar {
  position       : absolute;
  top            : 65px;
  right          : 40px;
  height         : 64px; 
  
 }

#body {
background     : #D3EEF7 url(../images/bg_body.jpg) repeat-x top left;
width          : 100%;
height         : 100%;
 
}

#maincontainer{
text-align   : center;
margin       :0;
padding      :0;
width        :100%;
height       :100%;  
}

div#container {
position    : relative;
height      : 100%;
margin-left : auto;
margin-right: auto;
width       : 1000px;
text-align  : left;
         
}

#footer-outer {
height    : 99px;
margin    : 0;
padding   : 0;
clear     : both;
background: url(../images/footer_bg.jpg) repeat-x top left;
border-top: 5px solid #95C7DA;
}

#footer {
padding     : 0;
color       : #4A4542;
text-align  : center;
width       : 1000px;
}

#footer p{
font-family      : Verdana, Helvetica, sans-serif;
padding-top : 10px;
color       : #4A4542;
}

#footer p a:link, #footer p a:visited {
color            : #4A4542;
text-decoration  : none;
}

#footer p a:hover, #footer p a:active {
color          : #4A4542;
text-decoration: none;
}

table#toolbar a.toolbar {
background-color  : #DDEAF0;
}



/* Tooltips */

.tool-tip {
  float       : left;
  background  : #ffc;
  border      : 1px solid #D4D5AA;
  padding     : 5px;
  max-width   : 200px;
}

.tool-title {
  padding        : 0;
  margin         : 0;
  font-size      : 12px;
  font-weight    : bold;
  margin-top     : -15px;
  padding-top    : 15px;
  padding-bottom : 5px;
  background     : url(../../system/images/selector-arrow.png) no-repeat;
}

.tool-text {
  font-size  : 12px;
  margin     : 0;
      color      : #000000;
}


/* System Standard Messages */
#system-message dd.message ul { background: #C3D2E5 url(../../system/images/notice-info.png) 4px center no-repeat;padding-left: 5px;}
#system-message dd.message ul li {background-image:none;text-align:center;}
/* System Error Messages */
#system-message dd.error ul { color: #c00; background: #E6C0C0 url(../../system/images/notice-alert.png) 4px center no-repeat; border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B;padding-left: 5px;}
#system-message dd.error ul li{background-image:none;text-align:center;}

/* System Notice Messages */
#system-message dd.notice ul { color: #c00; background: #EFE7B8 url(../../system/images/notice-note.png) 4px center no-repeat; border-top: 3px solid #F0DC7E; border-bottom: 3px solid #F0DC7E;padding-left: 5px;}
#system-message dd.notice ul li {background-image:none;text-align:center;}
/** Login **/


form#form-login{
color     : #333333;
margin    : 5px 0 10px 0;
padding   : 5px;
text-align:left
      
      }

form#form-login p{
margin      : 5px 0;
padding     : 3px 0;
text-align  :left
      
      }

form#form-login fieldset{
border       : none;
margin       : 0;
padding      : 5px 0 0 0;
background   : #E6F5FC;
}

form#form-login fieldset label {
color   : #D21D0F;
}

form#form-login fieldset .inputbox {
 color        : #D21D0F;
 background   : none;
 border       : 1px solid #C0E5F4;
 margin       : 3px 0;
 padding-left : 3px;
}

form#form-login ul a
{text-decoration   : none;}


form#form-login fieldset p{
padding   : 0 7px; 
margin    : 5px 0 2px 0;
}

form#form-login fieldset input.button{
margin    : 5px 0 10px 10px;
}

form#form-login ul{
padding-bottom    :10px;
}

p#form-login-password .inputbox, p#form-login-username .inputbox {
width   : 140px;
height  : 15px;
}

.column-1,.column-2 {
  border: solid 0px;
}

.column-1
{
        width:49%;
        float:left;
    margin-right:2%;
}

.column-2
{
        width:49%;
        
        float:left;
}

.leading-0
{
        margin-bottom:60px;

}

#maincontent ul.breadcrumb li {float:left;  background-image: none; padding-left: 0px;}
#maincontent .pw ul {padding-left: 0px;}
#maincontent .pw span.divider {padding-left: 3px; padding-right: 3px;}