/**
author: Spyder http://spyders.ru
**/

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

body,html {
  padding          : 0;
  margin           : 0;
  background: #1b3947 url("../images/background.jpg") left top no-repeat;
             }

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

hr {
  color            : #7E8890;
  height           : 1px;
  width            : 100%;
}

a:link, a:visited {
  color            : #5D95AF;
  text-decoration  : underline;
  
}
a:hover {
  color            : #FF6800;
  text-decoration  : none;
  
}

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

li {  
  line-height      : 14px;
  padding-left     : 14px;
  padding-top      : 2px;
  background-repeat: no-repeat;
  background-position: 0px 5px;
}

ol li {
background-image: none;
}

form {
margin           : 0; 
padding          : 0;
}

.inputbox {
 color        : #000000;
 border       : 1px solid #8E9CA8;
 margin       : 3px 0;

}

form select.button{
 color        : #000000;
 background   : #E2E7EA;
}

option {
background   : #E2E7EA;
}

h1 {
  font-size        : 16px;
  color            : #ff6800;
    }

h2 {
  font-size        : 13px;
  color            : #FFffff;
    }

h3 {
  font-size        : 12px;
  color            : #FF6800;
  font-weight:normal;
    }

img {
border: 0 none; 
}

.highlight {
background-color: #216CB8;
}

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

/** Buttons **/

.back_button {
  font-size        : 12px;
  font-weight      : normal;
  padding-bottom   : 3px;
  margin-right     : 4px;
  float            : right;
  line-height      : 20px;
    
  }
div.back_button a{
text-decoration  : none;
  }


.button {
  font-size        : 11px;
  color            : #EDF1F3;
  border           : 1px solid #5B6D7E;
  margin           : 3px 0;
  padding          : 2px;
  cursor           : pointer;
  background       : #303A43;
}


/** Contact **/

.contact_email  {
  width            : 100%;
  padding:0;
}

/** Module table  **/


table.moduletable {
	margin           : 0 0 8px 0;
    width            : 100%;
      	}

table.moduletable th {
      
    font-family          : Arial, Verdana,  Helvetica, sans-serif;
	font-size          : 14px;
	font-weight        : bold;
	text-align         : center;
	width              : 100%;
    color              : #303A43;
	padding            : 2px;
    line-height        : 25px;
	height             : 29px;
    background         : #666F76;    
	}

table.moduletable td {
    padding-top: 2px;
    	}



div.module{
    text-align: left;
    margin           : 0 0 20px 0;
    	}

div.module ul {
    padding-left     : 2px;
  }


div.module h3 {
      
    font-family        : Arial, Verdana,  Helvetica, sans-serif;
	font-size          : 14px;
	font-weight        : bold;
	text-align         : center;
	width              : 100%;
    color              : #F01027;
	line-height        : 27px;
	background         : #000000;
    height             : 29px;
    margin             : 0 0 15px 0;
       }

div.module, div.module_menu, div.module_text{
    text-align: left;
    margin           : 0 0 20px 0;
    	}
div.module_menu, div.module_text{
        	}

div.module h3, div.module_menu h3, div.module_text h3  {
      
    font-family        : Arial, Verdana,  Helvetica, sans-serif;
	font-size          : 14px;
	font-weight        : bold;
	text-align         : center;
	width              : 100%;
    color              : #F01027;
	line-height        : 27px;
	background         : #000000;
    height             : 29px;
    margin             : 0 0 15px 0;
       }

.rightcol div.module h3{}

div.module_menu h3{}

div.bannergroup_text {}

div.bannergroup{
margin-top:397px;
}



.contentmod {
text-align   : left;
padding      : 8px 5px !important;
padding      : 8px 3px;
}

.contentmod td {
padding      : 5px;
}

.contentmod table.moduletable {
margin           : 0 0 8px 0;
width            : 100%;
background       : none;

}


.contentmod table.moduletable th{
    font-size          : 15px;
	font-weight        : bold;
	text-align         : center;
	width              : 100%;
    color              : #232D37;
	padding            : 2px;
    line-height        : 25px;
    height             : 29px;
    background         : none;
    border-bottom      : 1px solid #7E8890;
}



/** Read more **/

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

/** Pagenavigation **/

.pagenavcounter {
  font-size        : 11px;
  color            : #333333;
}

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

.pagination span { padding: 2px; }

.pagination a    { padding: 2px; } 

.pagination { font-weight: normal; }

span.pagination a:link, span.pagenav a:visited {}

span.pagination a:hover {}


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

table.contenttoc th{
  margin           : 0;
  padding          : 2px;
  background       : #818B95;
  color            : #333333;
 }
table.contenttoc td{
 margin           : 0;
 padding          : 3px 4px;
 border-bottom    : 1px solid #8E9CA8;
 background-image   : url("../../ferrari_ii/images/bullet.gif");
 background-repeat  : no-repeat;
 background-position: 4px 7px;
   }


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            : #B9B9B9;
  padding-left     : 0;
 }

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

a.pathway:hover {
  font-size        : 12px;
  padding-left     : 0;
  color:#FF6800;
 }
 
.pathway img{}




/** Content **/


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

td.sectiontableheader a {
color              : #ffffff;
font-size          : 12px;
text-decoration    :none;
}

.sectiontableentry1 {
  vertical-align   : top;
  line-height      : 20px;
  color            : #000000;
}

.sectiontableentry1 td, .sectiontableentry2 td{
  padding          : 2px 5px;
  line-height      : 20px;
  color            : #000000;
}

.sectiontableentry2 {
  vertical-align   : top;
  line-height      : 20px;
  color            : #000000;
}

.sectiontableentry1 img, sectiontableentry2 img{
  margin-top: 4px;
}


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


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

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;
}
div.main {
  background:transparent url("../images/transparent_4_percents.png") repeat scroll left top;
  width            : 100%;
  border-spacing   : 0;
  margin-top:1px;
  border:0px solid #f00;
}

table.contentpaneopen{
  width:100%;
}

table.contentpaneopen p{
  margin-top:0;
}

table.contentpaneopen td{
  padding:10px;
  border:0px solid #F00;
}

table.contentpaneopen td table td{
  padding-top:0px!important;
  padding-left:0px!important;
}

.contentheading{
  font-family      : Arial,Tahoma,Helvetica, sans-serif;
  width            : 100%;
  font-size        : 15px;
  font-weight      : bold;
  line-height      : 18px;
  text-decoration:underline;
  text-align       : left;
  color            : #FF6800;
  padding          : 5px 0 0px 10px!important;
  margin           : 0px 0px;
}

.contentheading a {
  text-decoration:none;
}

.contentheading h1 {
  font-size        : 15px;
  color            : #1F83EA;
  padding          : 2px;
  margin           : 0;
}


.componentheading {
  font-family      : Arial, Verdana, Helvetica, sans-serif;
  width            : auto;
  font-size        : 16px;
  font-weight      : bold;
  line-height      : 21px;
  text-transform   : uppercase;
  text-align       : center;
  color            : #232D37;
  padding          : 3px;
  margin           : 5px 1px;
  
  }


.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    : 10px;
}

div#page {
  margin-bottom: 15px;
}

td.article_column{
  padding-right: 10px;
}


/** Polls **/


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

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

.pollstableborder{
  border-color     : #999999;
  width            : 100%;
  text-align       : left;
}

table.poll div {}

table.poll input.button {
  width:75px;
}



/** CSS for Mainmenu **/

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

}

ul.menu {
  list-style       : none;
  margin           : 0;
  padding          : 0;
  background:#1F4555;
  border:0px solid #fff;
  height:34px;
}

ul.menu li {
  list-style: none;
  float:left;
  width:112px;
  height:34px;
  line-height:32px;
  margin:0 14px 0 0;
  padding:0;
  border:0px solid #f00;
  text-align:center!important;
  } 
  
ul.menu li.item53 {
  margin-right:0!important;
  }       

ul.menu li a {
  display:block;
  color:#BABABA!important;
  text-decoration: none!important;
  font-weight: normal;
  line-height: 32px !important;
  *height:30px;
  width:112px;
  height:34px;
  margin:0;
  padding:0;
  line-height:30px;
  font-family:Verdana,Arial,Helvetica,sans-serif;
  font-size:18px;
  text-align:center!important;
  text-transform:lowercase;
  text-align:center;
  border:0px solid #f00;
}

ul.menu li a:hover {
	background:transparent url("../images/top_menu_item_over.gif") no-repeat left top;
    color:#fff!important;
}

ul.menu li a:hover, ul.menu li:hover a{
  color:#fff;
  }
  
ul.menu li#current a:hover {
	background:none;
}

ul.menu li.active{
  background:transparent url("../images/top_menu_item_selected.gif") no-repeat scroll left top;
}

ul.menu li.active a, ul.menu li.active a:hover{
  color:#193B4B!important;
}

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

.module_menu ul li a:hover
{
  border-bottom    : 1px solid #7E8890;
  font-size        : 13px;
  font-weight      : normal;
  color            : #fff;
  text-decoration  : none;
  padding-left     : 5px;
  text-decoration	 : none;
  background       : #727e87;
}

.module_menu ul li.active a:link, .module_menu ul li.active  a:visited
{
  font-size        : 13px;
  font-weight      : bold;
  color            : #fff;
  border-bottom    : 1px solid #7E8890;
  background       : #727E87;
  text-decoration	 : none;

}


.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            : #333333;
  border-bottom    : 1px solid #7E8890;
  

}


.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
{
  display          : block;
   font-size        : 12px;
   font-weight      : bold;
   color	      : #333333;
   padding    	  : 3px 1px 3px 5px;
   margin		  : 3px;
   text-decoration  : none;
  padding-left     : 5px;
  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            : #fff;
  text-decoration  : none;
  padding-left     : 5px;
  
}

.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 ul li a:link, .module_menu ul li.active ul li ul li a:visited
{
  background       : none;
  font-size        : 12px;
  font-weight      : normal;
  color            : #fff;
  text-decoration  : none;
  padding-left     : 10px;
  background-image : url("../../ferrari_ii/images/bullet.gif");
  background-repeat: no-repeat;
  background-position: 0px 6px;
}

ul.menu li.parent ul li#current a
{ background       : none;
  font-size        : 12px;
  font-weight      : normal;
  color            : #fff;
  text-decoration  : none;
  padding-left     : 10px;
  background-image : url("../../ferrari_ii/images/bullet.gif");
  background-repeat: no-repeat;
  background-position: 0px 6px;

}


/** images **/

div.mosimage { margin: 5px; }
div.mosimage_caption {  font-size: 11px; color: #000000; }

div.caption       { padding: 0 4px; }
div.caption img   { border: 1px solid #7E8890; }
div.caption p     { font-size: 11px; color: #000000; text-align: center; }

img.caption {border: 1px solid #7E8890; background: #7E8890; padding: 4px;}



ul#mainlevel {
  list-style       : none;
  margin           : 0;
  padding          : 0;
}

ul#mainlevel li {
  list-style: none;
  float:left;
  width:112px;
  height:34px;
  margin-right:8px;
  padding:0;
  border:0px solid #fff;
  text-align:center!important;
 
  }    
  
#mainlevel li a {
  color:#BABABA;
  text-decoration		: none;
  font-weight			: normal;
  line-height             : 38px !important;
 _height:0;
  font-family:Verdana,Arial,Helvetica,sans-serif;
  font-size:18px;
  text-align:center!important;
  text-transform:lowercase;
  text-align:center;
}


#mainlevel li:hover {
  background:transparent url("../images/top_menu_item_selected.gif") no-repeat scroll left top;
  color:#fff;
}

/*УДАЛИТЬ ПОТОМ*/
#mainlevel li a#active_menu{
  background:transparent url("../images/top_menu_item_selected.gif") no-repeat scroll left top;
  color:#193B4B;
  height:37px;
  text-align:center;
  padding:8px 12px 4px 12px;
  padding: 3px auto;
  width:112px;
}

ul#mainlevel-nav li #active_menu-nav {
    cursor			: default;
	width				: auto;
	background              : url("../../ferrari_ii/images/bg_body.jpg");
    padding			: 11px 6px;
	color				: #ffffff;
    text-decoration		: none;
	}



ul#mainlevel-nav li #active_menu-nav:hover {
	cursor			: pointer;
	position			: relative;
	width				: auto;
	background			: #303A43;
 	padding			: 11px 6px;
	color				: #ffffff;
    text-decoration		: none;
	
	}


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

#body {}

.main { 
  text-align       : left; 
  width            : 100%;
  border:1px solid #00f;
 }

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


#centertb {
background: none;
}

#contenttb{
padding    : 10px 0px;
border:0px solid #0f0;

}

td.pw {
width            : 100%;
padding          : 5px !important;
padding-left          : 3px;
}

.foot {
  height           : 35px;
  background       : #1B3947;
  border-top:1px solid #2B4653;
  color:#fff;
  
  
}
   
.footer_left {
  float            : left;
  width           : 360px;
 }

#webartCopyright {
	width: 88px;
	height: 31px;
	position: relative;
	margin: 2px 0 2px 10px;
}

#webartCopyright * {
	padding: 0px;
	margin: 0px;
	font-family: Helvetica,Arial,Helvetica,sans-serif;
	float: none;
	color: #FFFFFF;
	line-height: 1em;
}

#webartCopyright a {
	width: 52px;
	height: 31px;
	position: absolute;
	background: transparent url("../images/small_webart_logo.jpg") no-repeat left top;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 9px;
	padding-left: 36px;
	line-height: 9px;
	cursor: pointer;
	cursor: hand;
	text-indent: -1px;
}

#webartCopyright p {
	color: #FFFFFF;
	font-size: 13px;
	line-height: 13px;
	position: absolute;
	left: 36px;
	bottom: 0px;
}

#webartCopyright p span {
	color: #F7941E;
}

.footer_center {
	float:left;
	width:400px;
	border:0px solid #f00;
	color:#fff;
	 argin-top:10px;
}


.footer_right {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  width            : 90px; 
  float            : right;
  background: transparent url("../images/contact_bullet.gif") no-repeat;
  background-position:0px 4px;
  padding-left:30px;
  border:0px solid #fff;
  margin-top:10px;
 }

 * html div.footer_right {
	background: transparent url("../images/contact_bullet.gif") no-repeat 3px left;
	border:0px solid #fff;
}

.footer_right a{
  color:#fff;
  }

.footer_right a:hover{
  color:#FF6800;
  }


.leftcol{
   vertical-align   : top;
   text-align       : left;
   width            : 370px;
   border-right     : 0px solid #7E8890;

}
.rightcol {
   vertical-align   : top;
   padding          : 10px;
   text-align       : left;
   width            : 190px;
   border-left      : 1px solid #7E8890;

}

.leftcol div, .rightcol div{ 
   width          : 360px;
}



#header {
  height         : 56px;

    }

#topbg {
    height         : 56px;
           }

#banner {
  position       : absolute;
  top            : 90px;
  right          : 10px;
  height         : 70px; 
  
 }

#tophormenu {
margin-left:360px;
height:35px;
width:616px;
border-bottom:2px solid #FF6800;
}


/* 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;
    color              : #F01027;
}

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


/* System Standard Messages */
#system-message dd.message ul { background: #C3D2E5 url("../../images/notice-info.png") 4px center no-repeat;}

/* 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;}

/* System Notice Messages */
#system-message dd.notice 


/** Login **/


form#form-login{
	color: #cccccc;
	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:0;
background: #727E87;
}

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

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

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


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

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

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

td.address_title{
height:40px;
color:#FF6800;
}

td.address_map{
height:30px;
}

p.contact_address{
color:#FF6800;
font-weight:bold;
font-size:18px;
font-family:Verdana,Arial,Helvetica,sans-serif;
line-height:18px;
}


div#component-contact table.contentpaneopen table.tab_contact{
padding:0 20px;
}

form#emailForm .inputbox {
background:#5B808A;
border:1px solid #5B808A;
color:#CBEEFF;
width:232px;
}

form#emailForm .img_submit{
background:transparent url("../images/top_menu_item_selected.gif") no-repeat scroll left top;
width:112px;
height:34px;
color:#112C36;
font-size:15px;
font-weight:bold;
border:none;
}

div.contact_email table.cont_form{
border-spacing:0;
}

table.products h2{
margin:10px 0;

}

table.products h3{
margin:10px 0;
border-bottom:1px solid #425964;
}

div.clear{
clear:both;
}

ul.articles{
margin:10px 30px;
padding:0;
}

ul.articles li{
list-style-type:disc;
color:#CBEEFF;
margin:0;
padding-left:0;
}

.main_table td{
padding:0 10px 0 0!important;
}

td.want{
background: transparent url("../images/content_bottom_bullet.gif") 10px 3px no-repeat;
border-top:1px solid #425A64;
border-bottom:1px solid #425A64;
height:30px;
}

span.want{
padding-left:26px;
border:0px solid #fff;
}

.main_table p{
margin:10px 0 15px 0;
}

.main_title{
border-bottom:1px solid #FF6800;
color:#FF6800;
font-size:15px;
font-weight:bold;
height:10px;
padding:2px 5px;
}

table.products td{
padding:20px;
}

div.products_category{
text-align:center;
width:210px;
border:0px solid #f00;
float:left;
margin:0 15px 25px 0;
}

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

div.products_category a img {
border:4px solid #FFFFFF;
display:block;
margin:0 0 6px;
}

div.products_category a:hover img {
border:4px solid #3BC0D0;
}

ul.tipy li{
list-style-type:disc;
line-height: 16px;
}