/*------------------------------------------------------------------- GENERAL ---*/
html, body { height: 100%;}
body {
	margin: 0; padding: 0;
	font-family:  Tahoma, "Lucida Grande CE", lucida, sans-serif;
	font-size: 0.7em;	
	text-align: center;
	color: #636363;
	background: #f2f2f2;
}
a { color: #32a8df;  text-decoration: underline; }
a:hover { color: #daa60d;} 
ul, ol, li, h1, h2, h3, h4, h5, hr, p, form, fieldset, input, label, img, td, th {margin: 0; padding: 0; }
img {  border: none; }
h1 { font-size: 180%; padding-bottom: 0.5em; font-weight: normal; color: #124e6c; text-transform: uppercase;}
h2 { font-size: 160%; padding-bottom: 0.6em; color: #124e6c; font-weight: normal; }
h3 { font-size: 110%; padding-bottom: 0.5em;  }
h4 { font-size: 100%; padding-bottom: 0.5em; }
hr { display: none; }
.hr {clear: both; border-bottom: 1px solid #b8b8b8; margin-bottom: 1.5em; }
p { padding-bottom:1.5em; line-height: 130%;  }
ul { list-style: none; padding: 0 0 1.5em 0px; }
ul ul {padding: 0;margin-top: 5px;}
ol { list-style: decimal; padding: 0 0 1em 30px;  }
li { padding: 0 0 3px 12px; background: url(../images/sipka.gif) no-repeat 0 5px; } 
ol li { padding: 0 0 5px 0px; background: none}
big { font-size: 110%; }
small { font-size: 90%; }
.padding { padding: 15px 20px 15px 15px;}
/*---------------------------------------------------------------------- LAYOUT---*/
#all {width:770px; min-height: 100%; margin: 0 auto;text-align: left; background: #FFF; }
* html #all { height: 100%; }
#header { width: 770px; }
#content { width: 770px; background: url(../images/bg-content.gif) repeat-y;}
#left { width: 220px; float: left;}
#right { width: 550px; float: right;}
#footer { width:770px; padding-top: 30px; background: url(../images/bg-footer.gif) no-repeat top;}
#footer p { padding: 0 15px 20px;}
/*--------------------------------------------------------------------------- HEADER -------*/
#header form { float: right; padding:25px 15px 0 0;}
#header p { padding: 0 0 10px;}

/*--------------------------------------------------------------------------- LEFT -------*/
#menu { padding: 16px 15px 20px; background: #32a8df; text-transform: uppercase; font-size: 110%; border-bottom: 1px solid #FFF; margin-bottom: 0.6em;}
#menu li { padding: 8px 10px; border-bottom: 1px dotted #99d4ef; background: none;}
#menu li a { color: #FFF; padding: 0 0 0 15px; text-decoration: none; display: block; background: url(../images/sipka.gif) no-repeat 0 5px;;}
#menu li a:hover { color: #124E6C;}
#offer { font-weight: bold; color: #124e6c;}
#offer li { background: none; padding-left: 0;}
#offer li li { background: url(../images/sipka.gif) no-repeat 0 5px; padding-left: 12px; margin-left: 5px}
/*--------------------------------------------------------------------------- RIGHT -------*/
#vizual { width: 550px; height: 253px; overflow: hidden; background: url(../images/vizual.jpg) no-repeat; }
.path { margin-top: -5px; font-size: 90%; }
.col2 { width: 250px; float: left; margin-right: 5px; }
.gallery { width: 515px; margin-bottom: 1em }
.gallery a { border:1px solid #c6c6c6; text-align: center; padding: 1px; width: 94px; height: 94px; line-height: 1px;display: block; float: left; margin: 0 5px 10px 0; }
/*----------------------------------------------------------------------------------- FORM ---*/
input, select, textarea {
	font-family:  Tahoma, "Lucida Grande CE", lucida, sans-serif;
	font-size: 100%; color:#636363;width: 120px;
	padding: 1px;margin-bottom: 2px; vertical-align: middle;border: 1px solid #b1b1b1;background: #f5f5f5; 
}
textarea { width: 200px;overflow: auto;min-height: 60px;}
textarea.bigtextarea { width: 400px;overflow: auto;height: 200px;}
* html textarea {height: 60px;}
label {display: block; width: 100px;margin: 0 0px 0px 0;	float: left; clear: left;}
.submit {width:auto; color: #FFF;padding: 1px 5px;background: #b1b1b1;cursor: pointer;}
/*---------------------------------------------------------------------------- TABLES --------*/
table {margin-bottom:20px; border-collapse: collapse;font-size: 100%; font-family:  Tahoma, "Lucida Grande CE", lucida, sans-serif; width: 100%;}
th { padding: 8px 4px;font-weight: bold;text-align: left;background: #daa60d;color: #FFF;}
td {text-align:left;color : #636363;padding: 4px 4px;vertical-align: top;border-bottom: 1px solid #daa60d;}
/*----------------------------------------------------------------------------- OTHERS ---*/
.right { float: right }
.left { float: left }
.fright { float: right; margin: 0 0 15px 15px; }
.fleft { float: left; margin: 0 15px 15px 0; }
.tright, td.tright, th.tright { text-align : right }
.tleft, td.tleft { text-align : left }
.center, td.center { text-align : center;}
.middle { vertical-align : middle }
.clear { clear: both;}
.bold { font-weight: bold;}