/* iko86.com */ 
html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
 background: #ededed url(../img/bg.jpg) 0 0 repeat-x;
 font: normal 12px Verdana, Arial, Geneva, sans-serif;} 
 
 
/* LINKS */
a, a:link, a:visited {
	text-decoration: none;
	color: #a9031a;	
	border-bottom:1px dotted #CC0000;}
	
a:hover, a:active, a:focus{
	text-decoration: none;
	color: #dd4449;
	outline:none;
	border-bottom:1px dotted #dd4449;}
	
	
/* TYPOGRAPHY */

h1 {
	font: bold 13px Tahoma, Verdana, Arial, sans-serif;
	text-transform: uppercase;
	color:#000;
	margin: 0;}
	
h2 {
	font: normal 13px Verdana, Arial, sans-serif;
	font-variant: small-caps;
	color:#000;
	margin: 0;}
	
h2.ttl {
	width: 100%;
	font: bold 12px Verdana, Arial, sans-serif;
	text-transform: uppercase;
	text-align: left;
	color:#CC0000;
	border-bottom: 1px dotted #FE0000;
	padding-bottom: 3px;
	margin-bottom: 15px;} 
	
h3 {
	font: bold 12px Verdana, Georgia, Arial, sans-serif;
	margin: 5px 0;
	color: #fff;
	margin: 0;}
	
h3 a {
	font: bold 11px Verdana, Georgia, Arial, sans-serif;
	margin: 5px 0;
	margin: 0;}
h3 a:hover; h3 a:active {
	text-decoration: underline;
	color: #000;}
	
#leftcol h3 a {
	margin:30px 0 10px 20px;
	display: inline;
	float: left;}
	
#leftcol #menu h3 {
	margin:30px 0 7px 45px;
	float: left;}
	
h4 {font: normal 14px Tahoma, Verdana, Georgia, Arial, sans-serif;
	margin:0;
	color: #CC0000;
	text-align: left;
	font-variant: small-caps;}
	
#maincol h4 {
	background: url(../img/bullet01.gif) 0 55% no-repeat;
	margin:30px 0 7px 0;
	padding-left: 15px;}
	
#maincol table h4 {
	margin:0;}
#maincol table h4 a,
#maincol table a {
	border: none;
}
		
/* MAIN STRUCTURE */
#pagewrapper {
 width:1000px; 
 text-align:left;  
 margin: 0 auto; 
 padding:0;
 font-size:11px;
 background: transparent;}
 
#pagewrapper h1 {
	float: left;
	display: inline;
	width: 600px;
	margin: 23px 0px 0 40px;}
	
#pagewrapper .lang {
	float: right;
	width: 180px;
	text-align: left;
	margin: 15px 0px 0 0;}
#pagewrapper .lang a {
	margin: 0 2px;
	border: none;
	background: transparent;}

#pagewidth { 
 width:1000px; 
 text-align:left;  
 margin: 0 auto; 
 background: transparent;
 padding-top: 50px; }  
 
#pagewidth p,
#pagewrapper p, 
#footer p {
 margin:0;
 padding:5px 0;
 line-height:1.4;}
 
#pagewidth li {
	line-height: 1.4}
	
#wrapper {
	background: #fff;}
	
 
/* HEADER */
#header{
 position:relative; 
 height:174px; 
 background: #fff url(../img/header.jpg) bottom left no-repeat;
 width:100%;
 border-bottom:1px solid #333;
 border-top:1px solid #333;} 
 
#header #logo {
	margin: 0; 
	padding: 13px 0 0 20px;}
#header #logo a {
	border: none;}
	
 
/* LEFTCOL */
#leftcol{
 width:25%; 
 height: 100%;
 float:left; 
 text-align: center;
 position:relative; 
 background: #ccc; }
 
#leftcol .leftcol {
 float: left; 
 margin:0;
 padding-bottom: 50px;} 
 
#leftcol img {
	display: inline;
	border: 1px solid #fff;
	padding: 3px;
	background:transparent;}

/* MAIN MENU */
#menu {
	width: 250px;
	height: 100%;
	margin: 0;
	background: #6f6f6f;
	text-align: center;
	float: left;}
	
#menu div.menu {
	margin: 0;
	position: relative;
	text-align: left;
	width: 250px;
	height: 241px;
	float: left;
	background: #6f6f6f url(../img/menu_line.gif) bottom left no-repeat;}
	
#menu h2 {
	background: url(../img/menu.jpg) repeat-x;
	height: 30px;
	width: 250px;
	margin: 0;
	padding: 0;
	float: left;
	position: relative;}
	
#menu a {
	font: bold 12px tahoma, Verdana, Arial, sans-serif;
	/*font-variant: small-caps;*/
	color:#fff;
	border: none;}
		
#menu a, #menu a:visited {
	background:transparent;
	display: block;
	line-height: 30px;
	height:30px;
	margin: 0;
	padding-left: 45px;}

#menu a:hover, #menu a:active {
	background: #CCCCCC url(../img/bullet_hover.gif) 10% 55% no-repeat;
	height: 30px;
	line-height: 30px;
	color:#333;
	margin: 0;}
	
#menu h2.active {
	background: #4F4F4F url(../img/bullet.gif) 10% 55% no-repeat;
	height: 30px;
	line-height: 30px;
	margin: 0;}
	
#menu h2.active a {color: #ccc;}
#menu h2.active a:hover {color: #333;}

html #menu a {
	line-height: 30px;
	height:30px;
	margin: 0;}

#menu img {	
	display: inline;
	text-align: center;
	margin: 0 auto;
	padding: 15px 0 10px 0;}

/* REGISTRATION FORM */
#form {
	width: 210px;
	background: #ccc;
	height: 100%;
	margin: 10px;	
	text-align: center;
	float: left;}
	
#form p {
	margin: 0;
	padding:0; 
	float: left;
	width: 190px;}
	
#form form.register {
	margin: 10px auto 0 auto;
	width: 180px;
	display: block;
	color: #cc0000;
	font-size: 10px;
	text-align: left;}
	
#form form.register input.data {
	width: 145px;
	height: 17px;
	border: 1px solid #cc0000;
	margin: 0 3px 5px 15px;
	font-size: 11px;
	float: left;}
	
#form form.register select.car {
	width: 175px;
	height: 20px;
	border: 1px solid #cc0000;
	margin: 0 0 5px 15px;
	padding: 1px;
	font-size: 11px;
	float: left;}

#form form.register span.icn img {
	float: right;
	display: inline;
	border: none;
	padding: 0;}
	
#form form.register label {
	text-align: left;
	margin: 0 0 0 20px;}

#form form.register input.button {
	float: left;
	width: 73px;
	height: 16px;
	margin: 5px 10px 0 15px;
	border: none;
	background: url(../img/btn_order.jpg);
	cursor:auto;}
#form form.register input.button:hover {
	background: url(../img/btn_order_hover.jpg);}

 
 
/* MAINCOL */
#maincol{background-color: #FFFFFF;  
 float: right; 
 display:inline; 
 text-align: center;
 position: relative; 
 width:75%;
 font-size: 12px;  }
 
#maincol p {
	text-align: left;}
	
#maincol .maincol {
 float: left; 
  margin:0;
 padding:40px 30px;}
 
#maincol img {
	display: inline;
	border: 1px solid #ccc;
	padding:5px;
	margin: 10px 0;
	background:#F8F8F8;}
	
#maincol table.cartable {
	border: none;}
 
#maincol table.pricetable, 
#maincol table.pricetable tr, 
#maincol table.pricetabletd {
	border: 1px solid #ccc;}
	
	
/* Maincol FORM */
#maincol .forma {
	width:670px;
	height: 100%;
	margin: 10px;	
	text-align: center;
	font-size: 12px;
	float: left;}
	
#maincol .forma table {
	margin:0;
	width: 670px;
	color: #000;
	text-align: left;}
	
#maincol .forma input.data {
	width: 320px;
	height: 18px;
	border: 1px solid #999;
	margin: 0;}
	
#maincol .forma select {
	width: 322px;
	height: 22px;
	border: 1px solid #999;
	margin: 0;
	padding: 1px;
	float: left;}
	
#maincol .forma option {
	font-size: 12px;
	padding: 2px;}
	
#maincol .forma textarea {
	width: 380px;
	height:150px;
	border: 1px solid #999;
	margin: 0;
	padding: 1px;
	font-size: 12px;
	float: left;}

#maincol .forma table span.icn img {
	width: 22px;
	border: none;
	margin: 0;
	padding: 0;}

#maincol .forma table input.button {
	float: left;
	width: 73px;
	height: 16px;
	margin: 0;
	border: none;
	background: url(../img/btn_order.jpg);
	cursor:auto;}
#maincol .forma table input.button:hover {
	background: url(../img/btn_order_hover.jpg);}

 
 
/* FOOTER */
#footer{
 height:100%; 
 min-height: 100px;
 background:#F8F8F8 url(../img/ftr.jpg) repeat-x; 
 clear:both; 
 font-size: 11px;} 
 
#footer .footer {
 display:inline;
  margin:0;
  padding:3px;
  margin-top: 20px;}
  
  
  
/* LISTS */
#maincol ul {
	margin: 0 0 10px 15px;
	padding: 0;
	line-height: 1.6;
	float: left;
	text-align: left;
	list-style: url(../img/bullet02.gif) outside;
	display: block;}	
	
#maincol ul li {
	padding-left:5px;
	line-height: 1.6;}
	
#maincol ul ul.in {
	margin: 0 0 10px 20px;
	padding: 0;
	line-height: 1.6;
	float: left;
	text-align: left;
	list-style: url(../img/bullet03.gif) outside;
	display: block;
	font-size: 11px;}
	
#maincol ul ul.in li {
	padding-left:2px;}
	

ol {
	margin: 0 0 10px 45px;
	padding: 0;
	list-style: none outside;
	display: block;}	
ol li {
	list-style: decimal;
	padding-left:5px;
	line-height: 1.6;}
  
 
/* COMMON */ 
html {
	overflow-y:scroll;}
input, select, small {
	font-size: 11px;}
span {
	line-height: 1.4;}

.left {
	float:left;
	clear: left;}
.right {
	float: right;
	clear: right;}
  
  
 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden; }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}