/* <![CDATA[ */
	html, body { margin:0; padding:0; width: 100%; height: 100%; background: #fff; font-family: Tahoma, Arial, Helvetica, sans-serif; text-align:center;  background: url("../images/body.gif") repeat; }
	#page { width: 776px; min-width: 776px; margin:0 auto; border:0; padding:0; text-align:left; }
	#page-content { margin:0 12px; border:0; padding:0 0 20px 0; text-align:left;background: #fff }
	
	#content .hr { clear: both; margin:0; border:0; padding:0; height: 1px; background: url("../images/hr-01.gif") repeat; display: block; }
	#content .hr hr { display: none; }
	
	#content a:link { color:#00ABDB; }
	#content a:visited { color:#00789B; }	
	#content a:active { color:black; }		
	#content a:hover { color:#9A9A9A; text-decoration:none; }

	#page { width: 776px; min-width: 776px; margin:0 auto; border:0; padding:0; text-align:left; }
	
	#index-page { color:#9A9A9A; font-size:60%; text-align:left; margin:0; border:0; padding:100px; }
	#index-page a:link { color:#00ABDB; }
	#index-page a:visited { color:#00789B; }	
	#index-page a:active { color:black; }		
	#index-page a:hover { color:#9A9A9A; text-decoration:none; }	
	#index-page h1{ color:black; margin:0; border:0; padding:0; }	
	#index-page h2{ margin:0; border:0; padding:0; }	
	#index-page h3{ margin:0; border:0; padding:0; }	
	#index-page ul{ margin:0; border:0; padding:0; list-style:none; }				
	#index-page li{ margin: 10px 0 0 0; border:0; padding:0; }					
	#index-page p{  line-height:160%; margin:0; border:0; padding:0; }	
	
	#form08 { height: 83px; text-align: center; margin:0; border:0; padding:0; background: url("../images/formate-bg.gif") repeat-x; }
	#form08 img { margin:0 auto; border:0; padding:0;  }
	
	#formate { margin:0; border:0; padding:0;  height: 59px; text-align: left; background: #fff; font-size: 0px; }
	#formate-content { margin:0; border:0; padding:16px 0 17px 17px; }

	#formate h1 { margin:0; border: 0; background: url("../images/formate-internet-services.gif") no-repeat left top; }
	#formate h1 a { width: 283px; height: 15px; margin:0; border: 0; display: block; }
	#formate h2 {  margin:5px 0 0 0; border:0; padding:0; background: url("../images/new-media-design.gif") no-repeat left top; }
	#formate h2 a { width: 315px; height: 8px; margin:0; border: 0; display: block; }	
	#formate a span { font-size: 0px; line-height:0;  display: none; }

	#formate ul.language { float: right; margin:0; border:0; padding:0 17px; list-style: none; }
	#formate .language li { margin:0; border:0; padding:0; list-style: none; }
	#formate .language li.cs { width: 15px; height: 10px; margin:0 0 3px 0 ; padding:0; background: url("../images/lang-cs.gif") no-repeat; }
	#formate .language li.sv { width: 16px; height: 10px; margin:0 0 3px 0; padding:0; background: url("../images/lang-sv.gif") no-repeat; }
	#formate .language li.en { width: 16px; height: 10px; margin:0 0 3px 0; padding:0; background: url("../images/lang-en.gif") no-repeat; }	
	#formate .language li.cs a { margin:0; border:1px solid #D0D0D0; padding:0; width: 14px; height: 9px; display: block; }
	#formate .language li.sv a { margin:0; border:1px solid #D0D0D0; padding:0; width: 15px; height: 9px; display: block; }
	#formate .language li.en a { margin:0; border:1px solid #D0D0D0; padding:0; width: 15px; height: 9px; display: block; }	
	#formate .language li.cs a:hover { margin:0; border:1px solid #fff; padding:0; width: 14px; height: 9px; display: block; }
	#formate .language li.sv a:hover { margin:0; border:1px solid #fff; padding:0; width: 15px; height: 9px; display: block; }
	#formate .language li.en a:hover { margin:0; border:1px solid #fff; padding:0; width: 15px; height: 9px; display: block; }	
	
	#nav { height: 49px; margin:0; border:0; padding:0; text-align: left; background: url("../images/nav-bg.gif") 0px 34px #fff repeat-x; }
	#nav ul { margin:0; border:0; padding:0; text-align: left; list-style:none; }
	#nav li { float: left; margin:0; border:0; padding:0; text-align: left; list-style:none; display: block; }
	#nav li.internet-marketing { border-right: 1px solid #fff; background: url("../images/formate.gif") no-repeat; }
	#nav li.internet-marketing a { width: 149px; height: 48px; display: block; }
	#nav li.internet-marketing a:hover { background: url("../images/formate.gif") 0px -48px no-repeat; }
	#nav li.internet-marketing2 { border-right: 1px solid #fff; background: url("../images/formate2.gif") no-repeat; }
	#nav li.internet-marketing2 a { width: 149px; height: 48px; display: block; }
	
	#nav li.services { border-right: 1px solid #fff; background: url("../images/cs-services.gif") no-repeat; }
	#nav li.services a { width: 150px; height: 48px; display: block; }
	#nav li.services a:hover { background: url("../images/cs-services.gif") 0px -48px no-repeat; }
	#nav li.services2 { border-right: 1px solid #fff; background: url("../images/cs-services2.gif") no-repeat; }
	#nav li.services2 a { width: 150px; height: 48px; display: block; }
	
	#nav li.portfolio { border-right: 1px solid #fff; background: url("../images/cs-portfolio.gif") no-repeat; }
	#nav li.portfolio a { width: 150px; height: 48px; display: block; }
	#nav li.portfolio a:hover { background: url("../images/cs-portfolio.gif") 0px -48px no-repeat; }
	#nav li.portfolio2 { border-right: 1px solid #fff; background: url("../images/cs-portfolio2.gif") no-repeat; }
	#nav li.portfolio2 a { width: 150px; height: 48px; display: block; }
	
	#nav li.contact { background: url("../images/cs-contact.gif") no-repeat; }
	#nav li.contact a { width: 149px; height: 48px; display: block; }
	#nav li.contact a:hover { background: url("../images/cs-contact.gif") 0px -48px no-repeat; }
	#nav li.contact2 { background: url("../images/cs-contact2.gif") no-repeat; }
	#nav li.contact2 a { width: 149px; height: 48px; display: block; }
	#nav li a span { display: none; }	

	#text { margin: 0; padding:0; border: 0; }
	#text-content { margin: 0; padding:0; border: 0; text-align:left; font-size: 60%; line-height: 205%; color: #606060; }

	#text .box01 { margin: 0; padding:0; border:0; float: left; width: 240px;}
	#text .box01-content { margin: 18px 0 18px 18px; padding:1px; border: 1px solid #C7C7C7; background: white; }
	#text .box01 h3 { font-size: 160%; color:white; background:#00ABDB; height:25px; text-align:center; margin:0 0 0 0; padding:3px 0 0 0; border:0; }
	#text .box01 h3 a { text-decoration: none; color:white; }			
	#text .box01 h3 a:link { text-decoration: none; color:white; }			
	#text .box01 h3 a:hover { text-decoration: none; color:white; }			
	#text .box01 h3 a:visited { text-decoration: none; color:white; }			
	#text .box01 h3 a:active { text-decoration: none; color:white; }				
	#text .box01 p { font-size: 100%; margin:0; padding:10px; border:0;  background: #eee url("../images/package-bg.gif") repeat; height:180px; }	

	#text .box02 { margin: 0; padding:0; border:0; float: left; width: 270px;  }
	#text .box02-content { margin: 18px 19px 18px 19px; padding:1px; border: 1px solid #C7C7C7; background: white; }
	#text .box02 h3 { font-size: 160%; color:white; background:#00ABDB; height:25px; text-align:center; margin:0 0 0 0; padding:3px 0 0 0; border:0; }
	#text .box02 h3 a:link { text-decoration: none; color:white; }			
	#text .box02 h3 a:hover { text-decoration: none; color:white; }			
	#text .box02 h3 a:visited { text-decoration: none; color:white; }			
	#text .box02 h3 a:active { text-decoration: none; color:white; }						
	#text .box02 p { font-size: 100%; margin:0; padding:10px; border:0;  background: #eee url("../images/package-bg.gif") repeat; height:180px; }	

	#text .box03 { margin: 0; padding:0; border:0; float: left; width: 240px;  }
	#text .box03-content { margin: 18px 18px 18px 0; padding:1px; border: 1px solid #C7C7C7; background: white; }
	#text .box03 h3 { font-size: 160%; color:white; background:#00ABDB; height:25px; text-align:center; margin:0 0 0 0; padding:3px 0 0 0; border:0; }
	#text .box03 h3 a { text-decoration: none; color:white; }			
	#text .box03 h3 a:link { text-decoration: none; color:white; }			
	#text .box03 h3 a:hover { text-decoration: none; color:white; }			
	#text .box03 h3 a:visited { text-decoration: none; color:white; }			
	#text .box03 h3 a:active { text-decoration: none; color:white; }					
	#text .box03 p { font-size: 100%; margin:0; padding:10px; border:0;  background: #eee url("../images/package-bg.gif") repeat; height:180px; }		

	#text .left { margin: 0; padding:0; border: 0; float: left; width: 376px;}
	#text .left-content { margin:0; padding:18px 9px 18px 18px; border: 0; }
	#text .right { margin: 0; padding:0; border: 0; float: left; width: 376px;}
	#text .right-content { margin:0; padding:18px 18px 18px 9px; border:0; }
	
	#text .right2-content { margin:0; padding:45px 18px 18px 9px; border:0; }
	#text .right3-content { margin:0; padding:18px 18px 18px 9px; border:0; text-align: right; }
	#text .blok { margin:0; padding: 0; text-align:left; }
	#text .blok-content { margin:0; padding:18px 18px 18px 18px; border:0; }

	/* pridano pro zruseni zubu v textu [begin] {MSIE bez IE5-Mac} \*/
	#text * html #text .right-content { height:1%; }
	#text * html #text .right2-content { height:1%; }
	#text * html #text .right3-content { height:1%; }
	
	/* pridano pro zruseni zubu v textu [end]*/
	.cleaner2 { width:650px; height:1px; margin:0; padding:0; font-size:1px; }
	.cleaner { clear:both; height:1px; margin:-1px 0 0 0; padding:0; font-size:1px; line-height:1px; visibility:hidden; }

	#text h2 { font-size:125%; color:#333; margin:0 0 10px 5px; border:0; padding:0; }
	#text h2 img { margin:0; border:0; padding:0; }
	#text .info { padding: 0 0 0 5px; }
	#text .link a { padding: 4px; line-height: 100%; background: #fff; }
	#text .link a:hover { padding: 4px; line-height: 100%; background: #E4E4E4; text-decoration: none; }
	#text a { color: #606060; }
	
	.p-detail-fix { position:static; float: left; padding:22px 0px 0px 22px; height:22px; border:0 0 0 0; margin:0 0 0 0;}
	#portfolio-list{ padding:0; border:0; margin:0; height:22px;}
	#portfolio-list li.margin { position:static; float: left; width:16px; height:33px; padding:0; border:0; list-style: none; }
	#portfolio-list ul { margin:0; border:0; padding:0; list-style: none; }
	#portfolio-list li a { font-size:90%; position:static; float: left; background: #C8C8C8; font-weight: bold; text-align:center; line-height: 14px; height:22px; width:15px; padding:0px; margin:0px; border: 0; display: block; list-style: none; }		
	#portfolio-list li a.b { background: #00ABDB url("../images/portfolio-arrow.gif") no-repeat; }		
	#portfolio-list li a:link { color: white; text-decoration: none; }
	#portfolio-list li a:visited { background:#B5B5B5 url("../images/portfolio-arrow.gif") no-repeat; color: white; text-decoration: none; }
	#portfolio-list li a:hover { background: #9A9A9A url("../images/portfolio-arrow.gif") no-repeat; color: white; text-decoration: none; }
	#portfolio-list li a:active { color: #737373; text-decoration: none; }			
				
	#box01 { margin:0; border:0; padding:0; }
	#box01 ul { margin:0; border:0; padding:0; list-style: none; }
	#box01 li { margin:0 0 10px 0; border:0; padding:0; list-style: none; }		
	#box01 h3 { margin:0; border:0; padding:0; font-size: 115%; font-weight: bold; color: #00ABDB; }
	#box01 h3 a { color: #00ABDB; padding: 0; color: #00ABDB; font-weight: bold;display: block;  }
	#box01 h3 a:hover { color: #fff; text-decoration: none; background: #00ABDB; }
	#box01 h3 a span { display: block; padding: 2px 5px 2px 5px;  }

	#box01 h4 { margin:0; border:0; padding:0; font-size: 115%; font-weight: bold; color: #00ABDB; background: url("../images/arrow2.gif") 5px -130px no-repeat; }
	#box01 h4 a { display: block; color: #00ABDB; color: #00ABDB; font-weight: bold; }
	#box01 h4 a:hover { color: #fff; text-decoration: none; background: url("../images/arrow2.gif") 5px 2px no-repeat #00ABDB; }
	#box01 h4 a .ref { display: block; padding: 0 5px 0 15px;  }
	#box01 p { margin:0 0 10px 0; border:0; padding:0; }
	#box01 .adresa li.doleva { float: left; margin:0; border:0; padding:0; }
	#box01 .adresa li.doprava { float: right; text-align: right; margin:0; border:0; padding:0; }
	#box01 .contact-info {float: left; width:114px;}	
	
	#box02 { margin:0; border:0; padding:0; }
	#box02 ul { margin:0; border:0; padding:0; list-style: none; }
	#box02 li { margin:0 0 10px 0; border:0; padding:0; list-style: none; display: block; }		
	#box02 .mezera { height: 20px; }
	#box02 .projects { height: 120px; min-height: 120px; }
	#box02 .bold { font-weight: bold; }
	#box02 a.pic { background-color:white; float: right; margin: 0 0 0 10px; height: 80px; border: 5px solid #AAA; padding: 2px;}
	#box02 a.pic img { margin: 0; border: 0; padding: 0;}
	#box02 a.pic:hover { border-color: #CCC;}
	#box02 h3 { margin:5px 0 0 0; border:0; padding:0; font-size: 115%; font-weight: bold; color: #00ABDB; background: url("../images/block.gif") 5px -130px no-repeat; }
	#box02 h3 a { display: block; color: #00ABDB; color: #00ABDB; font-weight: bold; }
	#box02 h3 a:hover { color: #fff; text-decoration: none; background: url("../images/block.gif") 5px 2px no-repeat #00ABDB; }
	#box02 h3 a .ref { display: block; padding: 0 5px 0 15px;  }
	#box02 h4 { margin:0; border:0; padding:0; font-size: 115%; font-weight: bold; color: #00ABDB; background: url("../images/block.gif") 5px -130px no-repeat; }
	#box02 h4 a { display: block; color: #00ABDB; color: #00ABDB; font-weight: bold; }
	#box02 h4 a:hover { color: #fff; text-decoration: none; background: url("../images/block.gif") 5px 2px no-repeat #00ABDB; }
	#box02 h4 a .ref { display: block; padding: 0 5px 0 15px;  }
	#box02 .cleaner { clear:both; height:10px; margin:0; padding:0; font-size:1px; line-height:1px; visibility:hidden; }
	#box02 p { margin:0 0 10px 0; border:0; padding:0; }
	#box02 .adresa li.doleva { float: left; margin:0; border:0; padding:0; }
	#box02 .adresa li.doprava { float: right; text-align: right; margin:0; border:0; padding:0; }
	#box02 input.text { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size:100%; margin:0 0 10px 0; border:1px solid #AAA; padding:2px; width: 300px; }
	#box02 input.submit { font-size:100%; font-family: Tahoma, Arial, Helvetica, sans-serif; font-weight:bold; margin:0 0 10px 0; border:1px solid #AAA; padding:2px; }
	#box02 form { margin:0; border:0; padding:0; }
	#box02 textarea { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size:100%; margin:0 0 10px 0;  border:1px solid #AAA; padding:2px; width: 300px; height: 120px; }
	
	#box02 ul.ul-arrows { margin:0; border:0; padding:0;  }
	#box02 .ul-arrows li { font-weight:bold; margin:2px 18px 2px 18px; border:0; padding:0; }	
	#box03 ul.ul-arrows { margin:0; border:0; padding:0; }
	#box03 .ul-arrows li { float: none; font-weight:bold; margin:2px 18px 2px 18px; border:0; padding:0; }		
	
	#box03 { margin:0; border:0; padding:0; text-align: left;  }
	#box03 ul { margin:20px 0 0 0; border:0; padding:0; list-style: none;  }
	#box03 li { float: left; margin:0 0 10px 0; border:0; padding:0; list-style: none; text-align: left; }
	#box03 li.a { padding:0 27px 0 0; }
	#box03 li.b { padding:0 26px 0 0; }
	#box03 li.c { padding:0 27px 0 0; }
	#box03 li.d { padding:0 0px 0 0; }
	#box03 .p_c { height:1px; padding:0; margin:0; width:700px; }		
	#box03 li.p_c2 { padding:0px; margin:0px; }			
	
	#box03 li .web { width:159px; }
	
	#box03 h3 { margin:5px 0 0 0; border:0; padding:0; font-size: 115%; font-weight: bold; color: #00ABDB; background: url("../images/block.gif") 5px -130px no-repeat; }
	#box03 h3 a { display: block; color: #00ABDB; color: #00ABDB; font-weight: bold; }
	#box03 h3 a:hover { color: #fff; text-decoration: none; background: url("../images/block.gif") 5px 2px no-repeat #00ABDB; }
	#box03 h3 a .ref { display: block; padding: 0 5px 0 15px;  }
	#box03 a.pic { margin: 0; border: 5px solid #AAA; padding: 2px; display: block; max-height: 80px; }
	#box03 a.pic:hover { margin: 0; border: 5px solid #CCC; padding: 2px;}
	#box03 img { margin:0; border:0; padding:0; }
	#box03 span.reference { font-weight: bold; color: #00ABDB; border:0; padding:0; background: url("../images/block.gif") 2px 2px no-repeat; }
	#box03 span.reference a { color: #00ABDB;  }
	#box03 a.www { color: #606060; margin:0; border:0; padding:0; }
	#box03 .adresa li.doprava { float: right; text-align: right; margin:0; border:0; padding:0; }
	#box03 p.pre { margin:0; border:0; padding:0; }
	
	.screen { margin:0; border:0; padding:0; }
	.screen img { margin: 0 0 18px 0; border: 9px solid #AAA; padding: 5px;}
	.bold { font-weight: bold; }
	.hidden { display: none; }

	#text .copyright { margin:0; border:0; padding:0; width: 225px; height: 6px; background: url("../images/copyright2.gif") no-repeat; display: block; }	
	#text .copyright a { margin:0; border:0; padding:0; width: 225px; height: 6px; display: block; }
	#text .copyright a span { display: none; }
	
	#text .form08 { float: right; margin:0; border:0; padding:0; width: 170px; height: 7px; background: url("../images/web-form08.gif") no-repeat; display: block; }	
	#text .form08 a { margin:0; border:0; padding:0; width: 170px; height: 7px; display: block; }
	#text .form08 a span { display: none; }
	
	p.links { font-size: 60%; text-align: center; }
	p.links a:link { color:#00ABDB; }
	p.links a:visited { color:#00789B; }	
	p.links a:active { color:black; }		
	p.links a:hover { color:#9A9A9A; text-decoration:none; }
	/* ]]> */