/* RESET */
html,body,h1,h2,h3,h4,h5,h6 { margin: 0; padding: 0; }

body {
	background: url(pics/bg_body.gif) center repeat-y;
	background-color: #f7f7f7;
	font-family: Calibri, Helvetica, Arial, Verdana, sans-serif; 
	color: #666;
	text-align: center;
	font-size: 15px;
}

img { border:0px;}

.fotos     { clear:both; }

.fotos div { 
	 margin-bottom: 10px; margin-left: 10px; background-color: #FFFFFF;float:left;height:auto;padding:2px;
}

.fotos img{float:left;}

.centersite  { background-color: #fff; margin: 0 auto; width: 970px; text-align: left; }

.logo		 { background-color: #fff; position: relative; float: left;  width: 192px; height: 111px; text-align: right;  vertical-align: bottom;}
	.logo img 	{ position: absolute; bottom: 0; right: 0; }

.welcome {position:absolute;margin-left:220px;margin-top:72px;}
	
.top_nav	 { background-color: #fff; position: relative; float: right; width: 400px; height:  40px; text-align: right; padding: 10px; font-size: 14px; }

	.top_nav img 		{ padding-left: 20px; }
	.top_nav a 			{ color: #b1b1b1; text-decoration: none; }
	.top_nav a:visited	{  }
	.top_nav a:active 	{  }
	.top_nav a:hover 	{ color: #999999; }
	.top_nav input		{width:100px;margin-left:5px;}

.main_nav	{ background-color: #fff; position: relative; float: right; width: 752px; height: 41px; text-align: left;  margin-top: 45px; border-top: 6px solid #b1b1b1; }

	.main_nav a 		{ color: #b1b1b1; text-decoration: none; border-top: 6px solid #b1b1b1; padding-left: 12px; padding-right: 12px; font-size: 15px;  }
	.main_nav a:visited	{  }
	.main_nav a:active 	{  }
	.main_nav a:hover 	{ color: #999999; }
	.main_nav .active	{ }

.sub_nav	{ background-color: #fff; position: relative; float: left;  width: 192px; height: 292px; text-align: right; margin-top: 41px; font-size: 15px; line-height: 22px; }

	.sub_nav a 			{ color: #b1b1b1; text-decoration: none; }
	.sub_nav a:visited	{  }
	.sub_nav a:active 	{  }
	.sub_nav a:hover 	{ color: #999999; }
	.sub_nav .active 	{    }

.main_image { background-color: #fff; position: relative; float: right; width: 752px; height: 286px; }

.slogan		{ margin-top: -261px; margin-left: 30px; }

	.slogan	h2	{ margin: 0; padding: 0; color: #FFF; font-size: 32px;  }
	.slogan	p 	{ margin: 0; padding: 0; color: #FFF; font-size: 16px; margin-top: 5px;  }

.copyright	{ color:#fff; font-size:10px; width:740px; text-align:right;margin-top:178px;}

.content	{ background-color: #fff; clear:both; padding-top: 35px; }

.col-1		{ background-color: #fff; position: relative; float: left;  width: 192px; text-align: right; }

.col-2		{ background-color: #fff; position: relative; float: right; width: 677px; padding-right: 75px; line-height: 20px;  }

	.col-2 h1			{ font-size: 24px; clear: both; color:#73777a; }
	.col-2 h2			{ font-size: 20px; clear: both; color:#baafae; margin-bottom: 10px; }
	.col-2 h3			{ font-size: 17px; margin-bottom: -12px; margin-top: 25px; }
	
	.col-2 showoverview {  }	

	.col-2 a 			{ color: #b1b1b1; text-decoration: none; padding-bottom: 17px; }
	.col-2 a:visited	{  }
	.col-2 a:active 	{  }
	.col-2 a:hover 		{ color: #999999; }

	.col-2 .overview_pic { float:left; margin-right:10px; }

	.col-2 th 			{ padding-left: 5px; padding-right: 5px; background-color:#b1b1b1; color:#fff; }
	.col-2 td 			{ padding-left: 10px; padding-right: 10px; }
	.col-2 .datasheet 	{ border: 1px solid #b1b1b1; width:99%; text-align:center; }
	.col-2 .center 		{ text-align: left; }
	.col-2 .even 		{ background-color: #fff;}
	.col-2 .odd 		{ background-color: #e6e2e1;}


.footer			{ clear:both; }

	.footer	.disipos	{ background-color: #fff; width: 192px; float: left;  margin-top: 38px; margin-bottom: 30px; text-align: right;  }
	.footer .text		{ background-color: #fff; width: 752px; float: right; margin-top: 20px; margin-bottom: 30px; border-top: 6px solid #b1b1b1; }
	.footer .contact	{ margin-top: 36px; }

	
	.footer .text a	 { text-decoration:none; color:#6a6a6a; border-bottom: 0px dotted #f4f4f4; }






.col-2 p a, .col-2 li a				{ text-decoration:none; color:#7a7a7a; }
.col-2 p a:hover, .col-2 li a:hover	{ text-decoration:none; color:#ee7f00; }
.col-2 ul			{  }
.col-2 .pathway		{ font-size: 13px; border: 0; margin-top:-10px; }
.col-2 .pathway a		{ border: 0; color:#7a7a7a; text-decoration: none; }
.col-2 .pathway a:hover	{ border: 0; color:#ee7f00; text-decoration: none; }
.col-2 .img-left  { border: 0px solid #c6c6c6; padding: 3px; float:left;  margin:0 13px 0 0; }
.col-2 .img-right { border: 0px solid #c6c6c6; padding: 3px; float:right; margin:0 0 0 13px; }
.col-2 .img-right_nonborder {padding: 3px; float:right; margin:0 0 0 13px; }










.bg_overview	{ background: url(pics/home.jpg) 0 0 no-repeat; height: 203px;}
.overview		{ width: 125px; float:left; margin-left: 1px; margin-right: 0px; height: 200px; padding: 10px; font-size: 0.85em; line-height: 1.4em; margin-top: 0px;}
.overview h2	{ display: block; margin-bottom: 5px; margin-top: 100px; font-size: 14px; line-height: 1.5em;  clear: both; border: 0px; text-align:center; }
.overview a 	{ border: 0px;  color: #7a7a7a; text-decoration: none; }
.overview a:hover { border: 0px; color: #ee7f00; }
.overview img  	{ border: 0px; }

.list li a			{ color:#444a4a; text-decoration:none; line-height:2em;}
.list li a strong	{ color:#ff4400;}
.list li a:hover	{ color:#ff4400;}

.gallery 			{ float: left; margin-bottom: 30px }
.gallery div 		{ float: left; margin-top: 30px; margin-right: 25px; display: block; width: auto; text-align: center; margin-left:30px;}
.gallery img 		{ border: 1px solid #c6c6c6; padding: 2px; }
.gallery img:hover	{ border: 1px solid #ee7f00; padding: 2px; }
.gallery a			{ border: 0px; }
.gallery a:hover	{ border: 0px; }

.blaettern   { clear: both;  background: url(pics/b_7a7a7a.gif) left bottom repeat-x; line-height: normal; }
.blaettern a		{ border: 0; color:#7a7a7a; text-decoration: none; font-size: 0.85em; }
.blaettern a:hover	{ border: 0; color:#ee7f00; text-decoration: none; font-size: 0.85em; }
.prev { margin-top: 18px; width: 165px; text-align: left;   float: left; }
.next { margin-top: 18px; width: 165px; text-align: right;  float: right; }
.all  { margin-top: 18px; width: 80px;  text-align: center; float: left; margin-left: 10px; }



#files 				{ margin-top: 20px; clear: both;}
#files a:link  		{ padding-left: 18px; background-image: url(pics/icon_attachment.gif); background-position: left top; background-repeat:no-repeat; color: #666; border: 0}
#files a:hover 		{ padding-left: 18px; background-image: url(pics/icon_attachment.gif); background-position: left top; background-repeat:no-repeat; color: #666; border: 0; text-decoration: underline;}
#files a:visited  	{ padding-left: 18px; background-image: url(pics/icon_attachment.gif); background-position: left top; background-repeat:no-repeat; color: #666; border: 0}

#links 				{ margin-top: 20px; clear: both;}
#links a:link  		{ padding-left: 18px; background-image: url(pics/icon_world.gif); background-position: left top; background-repeat:no-repeat; color: #ee7f00; border: 0}
#links a:hover 		{ padding-left: 18px; background-image: url(pics/icon_world.gif); background-position: left top; background-repeat:no-repeat; color: #ee7f00; border: 0; text-decoration: underline;}
#links a:visited  	{ padding-left: 18px; background-image: url(pics/icon_world.gif); background-position: left top; background-repeat:no-repeat; color: #ee7f00; border: 0}

#video 				{ margin-top: 20px; clear: both;}
#video a:link  		{ padding-left: 18px; background-image: url(pics/action_go.gif); background-position: left top; background-repeat:no-repeat; color: #ee7f00; border: 0}
#video a:hover 		{ padding-left: 18px; background-image: url(pics/action_go.gif); background-position: left top; background-repeat:no-repeat; color: #ee7f00; border: 0; text-decoration: underline;}
#video a:visited  	{ padding-left: 18px; background-image: url(pics/action_go.gif); background-position: left top; background-repeat:no-repeat; color: #ee7f00; border: 0}