/* DEBUG 

#left {border: 1px solid #f00;}





/*------------------------------------------------------------------

		1. Various 	- varoius classes

		2. Layout 	- page display

		3. Left 	- left column

		4. Right 	- right column

		5. Footer   - footer

-------------------------------------------------------------------*/



@import "undohtml.css";

@import "tabs.css";

@import "colors.css";



body {

  font-family: Arial, helvetica, sans-serif;

  background: url(../images/bg.jpg) #DCDADB repeat-x;

  font-size: 12px;

}



/***********************************

********<<<| 1. VARIOUS |>>>********

***********************************/



	.bold {font-size: 14px; color: #064f86 !important;}

	.margin10 {margin-left: 24px;}

	

/***********************************

********<<<| 2. LAYOUT |>>>*********

***********************************/		

	#container {

		width: 900px;

		margin: 0 auto;

		}

	

	#top {

		background: url(../images/top.jpg) no-repeat;

		height: 297px;

		* margin-bottom: -8px;

		}

		

	#content {

		background: url(../images/content_bg.jpg) repeat-y;

		width: 900px;

		clear: both;

		}

				

	#left {

		background: url(../images/tabbox.jpg) no-repeat;

		width: 537px;

		float:left;

		}

	

	#right {

		background: url(../images/right_top.jpg) no-repeat;

		width: 363px;

		float: left;

		/*padding-top: 87px;*/

		margin-bottom: 20px;

		}		

		

	#footer {

		background: url(../images/footer_bg.jpg) repeat-x;

		height: 126px;

		}

		

/***********************************

********<<<| 3. LEFT |>>>***********

***********************************/	

	#left h1:first-child {

		margin-top: 30px;

		padding-left: 22px;

		}



	#left h1 {

		font-size: 1.8em;

		margin: 10px;

		}	

	

	#left h2 {

		font-size: 1.4em;

		margin: 10px;

		}

	

	#left p.box {

			padding: 5px;

			padding-left: 10px;

			}

			

	#left p.box span.duze {

			font-size: 26px;

			}

			

	#left p.box span.male {

			font-size: 16px;

			font-weight: bold;

			}

	

	

	#left p, #left ul {

		margin: 10px;

		}

	

	#left ul { list-style-type: square; list-style-position: inside;}

		

	#left .ksc {

		background: url(../images/ksc.jpg) no-repeat;

		width: 255px;

		height: 80px;

		bottom: 0;

		}	

		

	#left #kontakt_form {

		width: 400px;

		margin: 0 auto;

	}		

	

	#left #kontakt_form input {

		

	}

	

	#left textarea {height: 100px;}	

/***********************************

********<<<| 4. RIGHT |>>>**********

***********************************/

	#right h2,

	#right form,

	#right table,

	#right p {margin-left: 20px;width: 325px;clear:both;}


	.right_text{
		color:#444444;
		float:right;
		font-size:16px;
		font-weight:normal;
		letter-spacing:2px;
		margin-bottom:40px;
		margin-top:10px;
		text-align:center;
				}
		

	#right h2 {		

		height: 31px;

		font-size: 1.2em;

		padding-top: 6px;

		padding-left: 3px;

		}

		

	#right h2.a {background: url(../images/right_h2.gif) no-repeat;}

	#right h2.b	{background: url(../images/right_h2b.gif) no-repeat;margin-top: 20px;}

	

	#right form {margin-left: 40px;}

	#right label, #left label {

		display: block;

		margin: 6px 0 3px 5px;

		font-weight: bold;

		}

	

	

	#right textarea, #left input, #right input, #left textarea {
		height: 22px;font-size: 17px;
		width: 250px;
		margin-left: 25px;
		}

	#right textarea, #left textarea{
		height: 120px;
	}	
	

	#right table {margin-bottom: 5px;}

	#right th {

		padding: 4px;

		font-size: .9em;

		}

		

	#right td {

		font-weight: bold;

		text-align: center;

		padding: 5px;

		}

	div.center {margin-left: 30%;margin-top: 5px;}

	#right .send_reset, #left .send_reset {

		width: 50px;

		margin: 0;

		font-weight: bold;

		padding: 1px;
		
		font-size: 13px;
		height: 20px;

		}

	

	#right p {

		padding: 10px;

		}

		

	#right p.desc_table {

		float: right;

		width:auto;

		margin-right: 20px;

		margin-top: 2px;

		margin-bottom: 5px;

		font-size: .8em;

		font-weight: bold;

		padding: 0;

		}

		

	

		

	

/***********************************

********<<<| 5. FOOTER |>>>*********

***********************************/



	#footer #footer_content {

		width: 900px;

		margin: 0 auto;

		}

		

	#footer ul {

		float: left;

		margin: 13px 0 0 27px;

		}

		

	#footer ul li {

		margin-top: 5px;

		}

					

	#footer a, #footer a:visited {

		font-weight: bold;

		}

		

	#footer #footer_img {

		float: left;

		background: url(../images/footer_img.jpg) no-repeat 0 1px;

		height: 126px;

		width:166px;

		}

		

	#footer #design_by {

		float: right;

		font-weight: bold;

		margin-right: 30px;

		margin-top: 45px;

		line-height: 1em;

		}

		

	#footer #design_by a, #footer #design_by a:visited {

		font-size: 1.3em;

		}

		

	#footer p {

		position: relative;

		bottom: 0;

		float: right;

		margin-top: 8px;

		min-width: 100px;

		}