/* ------------------------------------------------
	reset css
-------------------------------------------------*/

/*
    Tripoli is a generic CSS standard for HTML rendering. 
    Copyright (C) 2007  David Hellsing

    This program is free software: you can redistribute it and/or modify
    it under the terms of the GNU General Public License as published by
    the Free Software Foundation, either version 3 of the License, or
    (at your option) any later version.

    This program is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU General Public License for more details.

    You should have received a copy of the GNU General Public License
    along with this program.  If not, see <http://www.gnu.org/licenses/>.
*/

* { margin: 0; padding: 0; text-decoration: none; font-size: 1em; outline: none; }
p {margin:0px 0px 10px 0px;}
code, kbd, samp, pre, tt, var, textarea, input, select, isindex { font: inherit; font-size: 1em; }
dfn, cite, var, address { font-style: normal; }
th, b, h1, h2, h3, h4, h5, h6 { font-weight: normal; }
strong { font-weight: bold; }
a, img, a img, iframe, form, fieldset, abbr, acronym, object, applet { border: none;}
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td, center { text-align: left; vertical-align: top; }
body { line-height: 1; background: white; color: black; }
q { quotes: "" ""; }
ul, ol, dir, menu {  }
sub, sup { vertical-align: baseline; }
a { color: inherit; }
hr { display: none; } /* we don't need a visual hr in layout */
font { color: inherit !important; font: inherit !important; color: inherit !important; } /* disables some nasty font attributes in standard browsers */

/* ------------------------------------------------
	global
-------------------------------------------------*/



body 	{ color: #727272;
		  font: 10pt/1.1 helvetica, verdana, arial, sans-serif;
		  /*background: #fff url(../images/bg.png);*/
		  background: #fff url(../images/bg2.png) repeat-y center 0px;	  
		  margin:0px;
		  padding:0px; }

p	{ font: 10pt/1.4 helvetica, verdana, arial, sans-serif;	}
span	{ font: 10pt/1.4 helvetica, verdana, arial, sans-serif;	}
div	{ font: 10pt/1.4 helvetica, verdana, arial, sans-serif;	}
table	{ font: 10pt helvetica, verdana, arial, sans-serif;	}
tr	{ font: 10pt/1.4 helvetica, verdana, arial, sans-serif;	}
td	{ font: 10pt/1.4 helvetica, verdana, arial, sans-serif;	}
li	{ font: 10pt/1.4 helvetica, verdana, arial, sans-serif;	}


h1 	{ font: 14pt/1.1  helvetica, verdana, arial, "sans-serif";color: #58bfcf;	
	  margin-bottom: 10px;
	  font-weight: normal;	}

h2 	{ font: bold 12pt/1.1  helvetica, verdana, arial, "sans-serif";
	  color: #58bfcf;	
	  margin-bottom: 10px;
	  font-weight: normal;	}
	  
h3 	{ font: bold 12pt/1.1  helvetica, verdana, arial, "sans-serif";
	  color: #727272;	
	  margin-bottom: 10px;
	  font-weight: normal;	}
	  
h4 	{ font: bold 10pt/1.1  helvetica, verdana, arial, "sans-serif";
	  color: #58bfcf;	
	  margin-bottom: 20px;
	  font-weight: normal;	}

a 	{ font: 10pt/1.1 helvetica, verdana, arial, sans-serif;
	  color: #58bfcf;
	  text-decoration: none;	}

a:hover { text-decoration: underline;	}


img	{ border: 0px solid; 	}

.textfield { background:#def2f5;
	     border:1px solid #def2f5;
	     padding:3px;
	     height:14px;
	     width:242px;
	     color:#3e9fae;
	     margin:5px 0px; }

.button { background:#e9e9e9;
	  border:1px solid #e9e9e9;
	  padding:0px 2px;
	  float:right;
	  margin:3px 0px 0px 0px;
	  font: 12px trebuchet ms, georgia, times new roman, serif; }

.parent { z-index: 0;
	  display: block;
	  width:841px;
	  height: 100%;
	  background: #fff;
	  margin:0 auto; }

ul, ol { margin:0px 0px 0px 20px; }
div#container	{ position:absolute;margin:0px auto 0px auto;
				  padding:0px;
				  width:840px;
				  top:0px;
		  /*background: url(../images/mainbg.png) repeat-y center;*/ }
div#container ul, div#container ol { margin:0px 0px 0px 0px; 
									 list-style: none;}

/* ------------------------------------------------
	header
-------------------------------------------------*/

div#header	{ width:801px;
			  height:100px;
			  background: #58bfce;
			 /* margin:20px 0px 0px 48px;*/
			  margin:20px 0px 0px 18px;	}

	div#logo	{ float:left;
			  width:450px;
			  height:70px;	
			  margin:0px 0px 0px 0px;
			  padding:0px 0px 0px 0px;
			  position:relative;
			  z-index:2000;	}

	div#search	{ float:right;
				  width:220px;
				  height:10px;
				  margin:0px;
				  padding:25px 0px 0px 0px;	}
	
		div#search p		{ color:#fff;
							  margin:0px;
							  padding:0px 0px 2px 5px;	}
		div#search a		{ color:#606060;	}
		div#search a.active	{ color:#000;	}


		.search	{ float:left;
				  width:158px;
				  height:12px;
				  border:none;
				  background: url(../images/search.jpg) no-repeat 0px 0px;
				  color: #58bfcf; 
				  padding:5px 6px;
				  margin:0px; }
				  
		.searchbtn	{ float:left;
					  padding:0px;
				  	  margin:0px; }				  



/* ------------------------------------------------
	menus
-------------------------------------------------*/

		div#menu	{ clear:both;
					  width:801px;
					  /*margin:0px 0px 0px 48px;*/
					  margin:0px 0px 0px 18px;
					  height:33px;
					  display:block;
					  padding:0px 0px 0px 0px;
					  background: url(../images/menubg.png) repeat-x;	}


	
		div#menu li	{ float: left; }

		div#menu a	{ color:#fff;
					  font:13px helvetica, verdana, arial, sans-serif;
					  /*padding:8px 26px 7px 20px;*/
					  padding:8px 13px 7px 10px;
					  display: block;
					  margin:0px;
					  line-height:18px;
					  position:relative; }

		div#menu a.active	{ color:#191919;
					  /*background: url(../images/menuactive.png) repeat-x;*/
					  background: url(../images/menuhoverbg.png) repeat-x; }

		div#menu a:hover	{ text-decoration:none;
					  color:#3e9fae;
					  background: url(../images/menuactive.png) repeat-x; }

		#nav, #nav ul { display:block;
				padding: 0;
				margin: 0;
				list-style: none;
				line-height: 1;	}
	
		#nav li { float: left;
			  margin:0px;
			  padding:0px; }
		
					 	 	  
		#nav li:hover, #nav li.sfhover { color:#3e9fae;	
						 background: url(../images/menuhoverbg.png) repeat-x; }

		#nav li:hover a, #nav li.sfhover a { color:#3e9fae;}
		
			#nav li ul { display:block;
				     position: absolute;
				     left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
				     top:-999em;
				     margin:0px 0px 0px 0px;
				     padding:0px 0px 30px 0px;
				     background: url(../images/menuululliright.png) repeat-y right; }
					 
				#nav li ul li { clear:both;
								display:block;
								padding:3px 0px 3px 0px;
								text-align:left;
					   			margin:0px 0px 0px 0px; 
								background: url(../images/menuulullileft.png) no-repeat top left;}

				#nav li ul li.first { padding:10px 0px 0px 0px; }
				
					#nav li ul li:hover, #nav li ul li.sfhover { background: url(../images/menuulullileft.png) no-repeat top left;*/  }
		
				#nav span.ulbottom { display: block;
								     width: 100%;
								     position: absolute;
								     bottom: 0px;
								     right: 0px;
								     display:block;
								     margin:0px 0px -7px -4px; }
	

				#nav span.ulbottomleft { float:left;
										 width:4px;
										 height:17px;
										 display:block;
										 margin:-1px 0px 0px -4px;
										 padding:20px 10px 0px 0px;
										 position:relative;
										 z-index:450002;
										 background: url(../images/menuululbottomleft.png) no-repeat top left; }

				#nav span.ulbottomright { display:block;
										  margin:0px 0px 0px 0px;
										  padding:20px 0px 0px 0px;
										  position:relative;
										  z-index:450000;
										  background: url(../images/menuululbottomright.png) no-repeat bottom right; }


				#nav li ul li span { display:block; } 

				#nav li ul li a { clear:both;
						  color:#3e9fae;
						  font-weight:normal;
 						  text-align:left;
						  line-height:16px; 
						  padding:18px 30px 2px 24px;
						  position:relative; } 								  

				#nav li ul li a:hover { text-decoration:underline; }			  

				  			  
				#nav li ul ul { border-top:1px solid #e4e4e4;
						margin: -39px 0px 0px 257px; }
		
				#nav li ul ul.leftnav { margin: -26px 0px 0px -169px; }
		
				#nav li ul ul.up { margin: 0px 0px 0px 167px;
						   bottom:0px;}
						   
				#nav li ul ul li.last { width:258px;
					 	        height:37px;
						        display:block;
						        background: url(../images/menuululbottomleft.png) no-repeat top left; }			

			
		#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul, #nav li.sfhover ul ul ul ul {
			left: -999em;
			top:-999em; }
	
		#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul, #nav li li li li.sfhover ul { /* lists nested under hovered list items */
			left: auto;
			top:auto; }
	

/* ------------------------------------------------
	main content
-------------------------------------------------*/

div#maincontainer	{  	}

	div.maincontent	{ clear:both;
		 		 	 /* margin:20px 0px 20px 48px;*/
					  margin:20px 0px 20px 18px;	}

	div.leftcontent	{ float:left;
			  width:528px;
			  display:block;
			  padding:0px 0px 0px 0px;
			  margin:0px 20px 0px 0px;	}
			  
	div#nextLink {	
		position:absolute;
		float:left;
		margin-top: 110px;
		margin-left: 497px;
	}
	
	div#prevLink {		
		position:absolute;
		float:left;
		margin-top: 110px;
		
	}
	
	div#nextLink img {
		
	
		width: 31px !important;
		height: 30px !important;	
	}
	
	div#prevLink img {
				
		width: 31px !important;
		height: 30px !important;		
	}
	
	div#caption {
		position: absolute;
		margin-top: 220px;
		background-color:white;
		padding-left: 5px;
		padding-right: 5px;		
		
        left:13px;
        top:350px;
        font-weight: bold;
	}
	
		div#mainimg { clear:both;
			      display:block;
			      width:528px;
			      /*height:247px;*/
				overflow:hidden;}

		div#mainimg img	{ width:528px;
			          /*height:247px;*/	}

		div#maintext { clear:both;
			       display:block;
			       width:528px;
			       margin:20px 0px 0px 0px;	}
		div#maintext ul {list-style: disc inside}
			ul#rellinks	{ float:left;
					  display:block;
					  padding:0px 0px 0px 0px;	}
	
			ul#rellinks li	{ 	}
	
			ul#rellinks a	{  display:block;
				 	   font:11px/1.1 helvetica, verdana, arial, sans-serif;
					   color:#727272;
					   background: url(../images/relli.png) no-repeat 0px 3px;
					   padding:2px 0px 10px 30px;	}


	div.rightcontent { float:left;
					   width:254px;
					   display:block;
					   margin:0px -10px 0px 0px;
					   padding:0px;	}

	div.rightcontent table { margin:0px -10px 0px 0px;	}

		div#tempright { padding:0px 0px 0px 0px;	}

		div#tempright h1 { margin:20px 0px 20px 0px;	}
		div#tempright ul { margin:10px 0px 10px 0px;
				   padding:0px;
				   list-style:none;	}

		div#tempright li { margin:0px;
				   padding:0px 0px 0px 18px;
				   list-style:none;
				   background: url(../images/li.png) no-repeat 0px 3px;	}

		div.rightcontent h2 { margin:0px 0px 5px 0px;	}
		div.rightcontent h2 img { margin:0px 6px -6px 0px;	}
		div.rightcontent p { font:8pt/1.1 helvetica, verdana, arial, sans-serif !important;
				     margin:0px 0px 0px 0px;
				     padding:0px 0px 7px 0px;	}
		div.rightcontent span { font:8pt/1.1 helvetica, verdana, arial, sans-serif !important;}
		span.blue { color:#58bfcf; }
		span.tel { font-size:16px; }

		ul#relarticles	{ float:left;
				  display:block;
				  padding:0px 0px 0px 0px;	}

		ul#relarticles { 	}

		ul#relarticles  a { display:block;
				    font:11px/1.1 helvetica, verdana, arial, sans-serif;
				    color:#727272;
				    background: url(../images/relli.png) no-repeat 0px 3px;
				    padding:2px 0px 10px 30px;	}
		


/* ------------------------------------------------
	pages
-------------------------------------------------*/

		div#pagemaintext { clear:both;
			     		   display:block;
						   width:508px;
			 			   margin:0px 0px 0px 0px;	}
						   
		div#pagemaintext ul { list-style:disc;
							  margin:0px 0px 0px 15px; }						   
	
		ul#articlenav { margin:0px;
				padding:0px; }

		
		ul#articlenav li { float:left;  }		

		ul#articlenav li img { margin:2px 0px 0px 0px;  }

		ul#articlenav a { padding:3px 4px;  }

		ul#articlenav a.active { background:#58bfcf;
					 color:#fff;  }

		ul#articlenav a:hover { background:#58bfcf;
					color:#fff;
					text-decoration:none;  }
/* ------------------------------------------------
	form
-------------------------------------------------*/

.left { 	display:block;
			width:250px;
			float:left;
			}
			
.right {	display:block;			
		width:250px;
		float:right;
			}

/* ------------------------------------------------
	footer
-------------------------------------------------*/
#footer { clear:both;
		  width:801px;
		  /*margin:20px 0px 20px 48px;*/
		  margin:20px 0px 20px 18px;
		  background: #fff url(../images/footerbg.png) repeat-x; }
	
	#footer p { color:#58bfcf;
		    font:11px helvetica, verdana, arial, sans-serif; }

	#footer a { color:#58bfcf;
		    font:11px helvetica, verdana, arial, sans-serif; }

	div#footerleft { float:left;
			 width:568px;
			 display:block;
	  		 padding:25px 0px 0px 0px;
			 margin:0px 20px 0px 0px;	}


	div#footerright { float:left;
			  width:204px;
			  display:block;
	 		  padding:10px 0px 0px 0px;
			  text-align:right;	}

/* ------------------------------------------------
	misc
-------------------------------------------------*/

.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 */

/* for understanding browsers */
.hojd {
	min-height:360px; 
	height:auto;
}
/* for Internet Explorer */

* html .hojd {
	height: 360px;
}

 /* DROPDOWN CSS by PragueDesign.cz */
div.select {	position:relative;
		display:block;
		padding:3px 4px;
		margin:20px 0px 0px 125px;	}

div.select .selectheader {	background: url(../images/drowdownheader.png) no-repeat top left;
				display:block;
				width:247px;
				height:25px; }

a.dd-opener { background:url(../images/drowdownpil.png) 220px 7px no-repeat; text-decoration:none;
			  color:#606060;
			  float:left;
			  display:block;
			  padding:3px 0px 0px 10px;
			  font-size:11px;
			  display:block;
			  width:247px; }

div.select:hover {	background:none; }

div.select a:hover {	text-decoration:none; }

div.dropdowntop {	background: url(../images/drowdowntop.png) no-repeat top left;
					width:247px;
					height:5px;
					display:block;
					margin:0px;
					padding:0px; }

ul.selectbox {		background: #e0e0e0 url(../images/drowdownbg.png) repeat-y;
					position:absolute;

					list-style:none;
					z-index:1000;
					line-height:1.5em;
					display:block;
					margin:1px 0px 0px 0px;
					padding:0px;
					width:247px; }
					
div.dropdownbottom {	background: url(../images/drowdownbottom.gif) no-repeat top left;
					width:247px;
					height:5px;
					display:block; }

ul.selectbox li { 	background: none;
			display:block;
			font-size:11px; }

ul.selectbox li:hover {	background:none; }

ul.selectbox a {	display:block;
					width:227px;
					height:20px;
					color:#606060;
					text-decoration:none;
					padding:2px 10px; }

ul.selectbox a:hover {	background:#fff;
					text-decoration:none;
					color:#444; }
	
div.select a.pulldown_arrow { 	float:left;
								display:block;
								width:17px;
								height:11px;
								margin:7px 0px 0px 90px; }

div.select a.pulldown_arrow:hover {text-decoration:none; }

div.hide-dropdown .selectbox {display: none;}