
/*@include url('_reset.css');*/


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 1.4;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	
}


img
{
	border: none;
}


a:link,
a:visited,
a:active,
a:hover
{
	color: blue;
	text-decoration: none;
}

p
{
	/*margin-top: 5px;*/
}

body
{
	background-color: #E8FFB9;
}

div.span-top,
div.span-mmenu,
div.span-banner,
div.span-mid,
div.span-bot
{
	width:100%;
	margin: 0px;
	padding: 0px;
	border: none;
	
	/*border: 1px dotted red;*/
}

div.span-top
{
	background-color: #E8FFB9;
	
}

div.span-mmenu
{
	
}

div.span-banner
{
/*	display: none;*/
}

div.span-mid
{
	background-color: #E8FFB9;
	
}

div.span-bot
{
	/*background-color: ;*/
	clear:both;
}


div.top,
div.mmenu,
div.banner,
div.mid,
div.bot
{

	margin-left: auto;
	margin-right: auto;
	margin-top: none;
	margin-bottom: none;
	width: 942px;
	border: none;
	padding-left:10px;
	padding-right:10px;
	/*border: 1px dotted blue;*/


}

div.top
{
	height: 80px;
	background: url(../img/basler_logo.png) no-repeat;
	border: none;
	padding: 0px;

}
div.mmenu
{
	height: 60px;
	background: url(../img/mmenu/bkg_1nd_level.png) repeat-x;
	border-left: #BCBCBC 1px solid;
	border-right: #BCBCBC 1px solid;
	background-color: #CCCFF6;

}

div.banner
{
	padding: 0px;
	height: 250px;
	width: 962px;
	/*w trzech powyższych zerujemy padding który jest generalnie 10px, więc szerokość musi sie powiekszyć o 20px.*/
	/*tyle też trzeba dodać do image'u*/
	
	margin-left: auto;
	margin-right: auto;
	
	background-image: url(../img/cam_intro_pic_b.png);
	
	border-left: #BCBCBC 1px solid;
	border-right: #BCBCBC 1px solid;
	background-color: white;

	
}

div.mid
{
	min-height: 500px;
	/*padding: 10px;*/
	border-left: #BCBCBC 1px solid;
	border-right: #BCBCBC 1px solid;
	background-color: white;
	padding-bottom: 20px;
	
}

div.mid-main
{
	width: 722px;
	float:left;

}
div.mid-rightcol
{
	width: 200px;
	float: right;
	
	padding: 10px;

}
div._clr
{
	clear:both;
}

div.bot
{
	/*background: #f0ffd0;*/
	background-color: white;
	height: 140px;
	/*vertical-align: bottom;*/
	
	border-left: #BCBCBC 1px solid;
	border-right: #BCBCBC 1px solid;
	border-bottom: #BCBCBC 1px solid;
	border-top: #BCBCBC 1px solid;
	margin-bottom: 10px;
}

div.top div#img_basler
{
	width: 225px;
	height: 100px;
	position: relative;

	left: -40px;
	top: 30px;

	background-image: url(../img/basler_logo.png);
	background-color: transparent;
	background-repeat: no-repeat;
}

div.top div#img_slogan
{
	width: 325px;
	height: 150px;
	position: relative;

	left: 645px;
	top: -100px;

	background-image: url(../img/slogan_blue.png);
	background-color: transparent;
	background-repeat: no-repeat;
}




/*-----------MAIN MENU-----------MAIN MENU-----------MAIN MENU-----------MAIN MENU-----------MAIN MENU-----------MAIN MENU-----------MAIN MENU*/

			/*.................POSITIONING.................POSITIONING.................POSITIONING.................POSITIONING*/
			div.mmenu
			{
				/*width: 420px;*/
				
				margin-left: auto;
				margin-right: auto;
			}
			
			div.mmenu ul
			{
				display: block;
				list-style: none;
				padding: 0;
				margin-left:auto;
				margin-right: auto;
				/*padding-left:240px;*/
			
			}
			
			div.mmenu ul li
			{
				position:relative;
				list-style: none;
				width: 100px;
				height: 30px;
				float: left;
				overflow: visible;
				padding-top: 12px;
				text-align: center;
			
			}
			
			
			
			div.mmenu ul li ul
			{
				position: absolute;
				top: 30px;
				display: none;
				width: 500px;
			
			
			}
			
			div.mmenu ul li ul li
			{
				float: left;
			}
			
			div.mmenu ul li:hover ul 
			{ 
				display: block; 
			}
			
			div.mmenu ul li ul#lev1_1
			{
				left: -200px;
			}
			div.mmenu ul li ul#lev1_2
			{
				left: -50px;
			}
			div.mmenu ul li ul#lev1_3
			{
				left: -50px;
			}
	

			/*.................VISUAL STYLE.................VISUAL STYLE.................VISUAL STYLE.................VISUAL STYLE*/

			div.mmenu ul li,
			div.mmenu ul li a			
			{
				font-weight: bold;
				color: #708090;
			}
			
			div.mmenu ul li ul li,
			div.mmenu ul li ul li a
			{
				font-weight: normal;
				color: #708090;
			}
			
			div.mmenu ul li:hover,
			div.mmenu ul li a:hover
			{
				color: black;
			}
			
			div.mmenu ul li#l1_1,
			div.mmenu ul li#l1_2
			{
				list-style: inside url(../img/mmenu/mtick.png);
			}
			
			div.mmenu ul li#l1_1:hover,
			div.mmenu ul li#l1_2:hover
			{
				list-style: inside url(../img/mmenu/mtick_act.png);
			}
			
			div.mmenu ul li ul li a:hover
			{
				color: black;
			}



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


table.maintable
{
	width: 95%;
	margin-left:auto;
	margin-right:auto;
}

table.maintable tr
{

}

table.maintable td
{
	/*border-top: 1px gray dotted;*/
	width:50%;
	vertical-align: top;
	height:150px;
	/*padding-top: 10px;*/
	
}

table.maintable .sub-text
{
	height: 14em;	
}
table.maintable .sub-links
{
	height: 4em;	
}



div.botsublinks,
div.botkeylinks
{
	text-align: center;
	padding-top: 10px;
	padding-bottom: 20px;

	font-family: "Century Gothic",Helvetica,sans-serif;
	font-size: 8pt;
	letter-spacing: 1px;
}


div.botsublinks a,
div.botkeylinks a
{
	padding-left: 5px;
	padding-right: 5px;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #8b4513;
	
	
}

div.botkeylinks
{
	
}

span#kw
{
	color: #8b4513;
	font-weight: bold;
}




p.title3,
.mid h3
{
	font-family: "Century Gothic",Helvetica,sans-serif;
	text-transform: uppercase;
	font-style: normal;
	font-size: 14px;
	letter-spacing: 1px;
	font-weight: normal;
	padding-left: 20px;
	margin-top: 5px;
	padding-bottom: 15px;
	background-image: url(../img/rect.png);
	background-repeat: no-repeat;
	display:inline-block;

}

p.title3:hover,
.mid h3:hover
{
	background-image: url(../img/rect2.png);
}

p.title3_norect
{
	font-family: "Century Gothic",Helvetica,sans-serif;
	text-transform: uppercase;
	font-style: normal;
	font-size: 14px;
	letter-spacing: 1px;
	font-weight: normal;
	padding-left: 20px;
	margin-top: 15px;
	padding-bottom: 15px;
	display:inline-block;

}


table.contacttable
{
	width:100%;
	vertical-align: top;
	
}



table.cft td
{
	padding-bottom:10px;
}

table.contacttable td
{

}


.ftext
{
	width:250px;
}

div#func_feature
{

	padding-top: 10px;
	/*padding-left: 120px; */
	padding-right: 10px;
	padding-bottom: 20px;
/*	border-top: 1px gray dotted;*/
	overflow: auto;
	width: 90%;
}

div#func_feature img
{
	float:right;
}


input,
textarea
{
	border: solid 1px #BCBCBC;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 3px;
	color: #777;
	
}





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

	table.modelt
	{
	
		width: 940px;
		color: #80804B;
		
	}
	
	table.modelt tr.head td
	{
		border-top: 3px solid #ddd;
		border-bottom: 2px solid #ddd;
		padding: 15px 0px 15px 0px;
		font-weight: bold;
		color: #AB0638;
		
		
	}
	
	
	
	table.modelt tr td:first-child 
	{
		color: #AB0638;
		border-right: 1px solid #ddd;
		
	}	
	
	table.modelt tr td
	{
		
		text-align: center;
		padding: 5px 0px 5px 0px;
		border-top: 1px solid #ddd;
	}
	
	table.modelt td table
	{
		width:100%;
		border: none;
		color: #80804B;
		font-weight: normal;
		margin: 6px;
		border-left: 1px solid #ddd;
		border-right: 1px solid #ddd;
	}
	
	table.modelt td table td,
	table.modelt td table td:first-child
	
	{
		border:none;
		color: #80804B;
		
		
	}
	
	/*--------------------------------------------------------------------------------------------------------------------------------------------*/
	
	table.doct
	{
		color: #80804B;
		/*display:block;*/
		margin-left:100px;
		margin-right:100px;
		
	}
	
	table.doct tr.file:hover
	{
		background-color:#e6e6e6;
	}
	
	table.doct tr td.ml,
	table.doct tr td.mr
	{
		width:100px;
	}
	
	table.doct tr td
	{
		border: 1px dotted #ddd;
		text-align: center;
		padding: 5px 10px 5px 10px;
		border-top: 1px solid #ddd;
	}
	
	table.doct tr.head td
	{
		border-top: 3px solid #ddd;
		border-bottom: 2px solid #ddd;
		padding: 15px 0px 15px 0px;
		font-weight: bold;
		color: #AB0638;
	}
	
	
	/*--------------------------------------------------------------------------------------------------------------------------------------------*/
	/*Right column formatting*/
	/*--------------------------------------------------------------------------------------------------------------------------------------------*/
	
	div.rmod
	{
		width: 200px;
	}
	div.rmod_top
	{
		height:20px;
		background: url(../img/sidecol/rmod_top_bkg.png) no-repeat;

		
		padding-top: 9px;
		padding-left: 20px;
		
		/*header font*/
		font-family: "Century Gothic",Helvetica,sans-serif;
		text-transform: uppercase;
		font-style: normal;
		font-size: 10px;
		letter-spacing: 1px;
		font-weight: normal;




	}

	
	div.rmod_mid
	{
		border-left: 1px solid #464646;
		border-right: 1px solid #464646;
		
		padding-left:6px;
		padding-right:6px;
	}
	div.rmod_bot
	{
		height: 20px;
		background: url(../img/sidecol/rmod_bot_bkg.png);
		margin-bottom: 15px;
	}
	