﻿html, body {
	margin:0;
	padding:0;
	min-width:920px;
	text-align:center;
	background:url(../images/background.gif) center 0 repeat-y;
	font:12px/120% Arial, Helvetica, sans-serif;
	}
html {
	height:100%;
	}
body.rozcestnik {
	height:100%;
	background:url(../images/rozcestnik_bg.jpg) center 476px no-repeat;
	}
#page {
	width:920px;
	height:auto;
	margin:0 auto;
	}
	.rozcestnik #page {
		height:100%;
		}
	#menu {
		width:230px;
		height:auto;
		text-align:right;
		float:left;
		overflow:hidden;
		}
		#menuhead {
			width:230px;
			height:55px;
			padding:25px 0 0 0;
			text-align:left;
			}
			#languagemenu {
				width:50px;
				height:20px;
				padding:15px 0 0 0;
				float:left;
				color:#fff;
				font-size:11px;
				line-height:20px;
				}
				#menu #languagemenu a {
					display:inline;
					width:auto;
					padding:0 0 0 2px;
					float:none;
					}
				#menu #languagemenu a.selected {
					color:#fff;
					}
			#menulogo {
				width:180px;
				height:50px;
				float:left;
				}
				#menu #menulogo a {
					padding-top:20px;
					}	
		#menu h1 {
			padding:7px 75px 10px 0;
			font-size:20px;
			color:#000 !important;
			}
		#menu div.para {
			color:#000 !important;
			font-size:11px;
			line-height:140%;			
			}
		#menu div.para a {
			color:#000;
			display:inline !important;
			}
		#menu a, 
		#menu div.para {
			display:block;
			width:155px;
			padding:0 15px 0 0;
			float:left;
			color:#000;
			text-decoration:none;
			clear:left;
			overflow:hidden;
			}
		#menu a:hover {
			color:#fff;
			}
			#menu a.lvl1,
			#menu a.lvl1selected {
				font-size:14px;
				font-weight:bold;
				line-height:120%;
				}
			#menu a.lvl2,
			#menu a.lvl2selected {
				font-size:11px;
				line-height:120%;
				}
			#menu a.lvl3,
			#menu a.lvl3selected {
				font-size:10px;
				line-height:120%;
				}
			#menu a.lvl1selected,
			#menu a.lvl2selected,
			#menu a.lvl3selected {
				color:#fff;
				}
			#menu .spacer {
				width:155px;
				height:6px;
				float:left;
				}
			#menu .arrowstop {
				width:220px;
				height:1px;
				overflow:hidden;
				clear:both;
				}
			#menu .arrow {
				width:15px;
				height:15px;
				padding:5px 30px 0 0;
				overflow:hidden;
				float:right;
				}
				/*
			display:block;
			width:155px;
			padding:0 15px 0 0;
			float:left;
			color:#000;
			text-decoration:none;
			clear:left;
			overflow:hidden;
*/
			#menu #contactmenu {
				/*
				clear:none !important;
				display: inline !important;
				overflow:auto !important;
				width: auto;
				overflow: auto;
				padding: 0;
				*/
			}
			#menu #contactmenu a {
				/*
				background-color: red;
				clear: none !important;
				display: inline !important;
				font-size: 5px;
				overflow: auto;
				width:auto;
				*/
				display:inline;
				text-decoration: underline;
				width:auto;
				padding:0;
				float:none;
				clear:none;
				}
	#content {
		width:680px;
		padding:0 0 20px 5px;
		text-align:left;
		position:relative;
		float:right;
		}
		#topmenu {
			width:680px;
			height:55px;
			padding:25px 0 0 0;
			margin-left:-5px;
			overflow:hidden;
			line-height:50px;
			}
			#topmenu img {
				padding:1px 0 0 0;
				float:left;
				}
			#topmenuspacer {
				height:18px;
				}
			#topmenu a {
				color:#000;
				text-decoration:none;
				font-size:12px;
				font-weight:bold;
				line-height:100%;
				padding:0 0 17px 0;
				margin:0 14px 0 0;
				border-right:1px solid #fff;
				}

	h1.black {
		color:#000 !important;
		font-size:17px !important;
		line-height:18px !important;
		padding:0 0 8px 0 !important;
		}
			
	h2.black {
		color:#000 !important;
		font-size:15px !important;
		line-height:16px !important;
		padding:0 0 2px 0 !important;
		}

	#slider {
		overflow: hidden;
		position:relative;
		/*height:415px;*/
		height:440px;
		width:632px;
		}
		
		#slider .pool {
			overflow:hidden;
			position:absolute;
			width:632px;
			margin-top:26px;
			}
		#slider .pool img {
			overflow:hidden;
			position:relative;
			}
		#slider .pool h2 {
			font-size:9px;
			margin:5px 0 0 0;
			}
		#slider img {
			border:0px none;
			}
		
	/*#numberbar a img {
		border:none;			
		padding:0px 25px 0px 35px;		
	}*/
		
/* numberbar - black numbers - start */
	#numberbar a.number1 {
		background:url(../images/cisla/1_black.gif) center 0 no-repeat;
		padding:20px 0 0 23px;
		}

	#numberbar a.number2 {
		background:url(../images/cisla/2_black.gif) center 0 no-repeat;
		padding:20px 0 0 23px;
		}

	#numberbar a.number3 {
		background:url(../images/cisla/3_black.gif) center 0 no-repeat;
		padding:20px 0 0 23px;
		}

	#numberbar a.number4 {
		background:url(../images/cisla/4_black.gif) center 0 no-repeat;
		padding:20px 0 0 23px;
		}

	#numberbar a.number5 {
		background:url(../images/cisla/5_black.gif) center 0 no-repeat;
		padding:20px 0 0 23px;
		}

	#numberbar a.number6 {
		background:url(../images/cisla/6_black.gif) center 0 no-repeat;
		padding:20px 0 0 23px;
		}

	#numberbar a.number7 {
		background:url(../images/cisla/7_black.gif) center 0 no-repeat;
		padding:20px 0 0 23px;
		}

	#numberbar a.number8 {
		background:url(../images/cisla/8_black.gif) center 0 no-repeat;
		padding:20px 0 0 23px;
		}

	#numberbar a.number9 {
		background:url(../images/cisla/9_black.gif) center 0 no-repeat;
		padding:20px 0 0 23px;
		}

	#numberbar a.number10 {
		background:url(../images/cisla/10_black.gif) center 0 no-repeat;
		padding:20px 0 0 32px;
		}

	#numberbar a.number11 {
		background:url(../images/cisla/11_black.gif) center 0 no-repeat;
		padding:20px 0 0 32px;
		}

	#numberbar a.number12 {
		background:url(../images/cisla/12_black.gif) center 0 no-repeat;
		padding:20px 0 0 32px;
		}

	#numberbar a.number13 {
		background:url(../images/cisla/13_black.gif) center 0 no-repeat;
		padding:20px 0 0 32px;
		}

	#numberbar a.number14 {
		background:url(../images/cisla/14_black.gif) center 0 no-repeat;
		padding:20px 0 0 32px;
		}

	#numberbar a.number15 {
		background:url(../images/cisla/15_black.gif) center 0 no-repeat;
		padding:20px 0 0 32px;
		}

	#numberbar a.number16 {
		background:url(../images/cisla/16_black.gif) center 0 no-repeat;
		padding:20px 0 0 32px;
		}

	#numberbar a.number17 {
		background:url(../images/cisla/17_black.gif) center 0 no-repeat;
		padding:20px 0 0 32px;
		}

	#numberbar a.number18 {
		background:url(../images/cisla/18_black.gif) center 0 no-repeat;
		padding:20px 0 0 32px;
		}

	#numberbar a.number19 {
		background:url(../images/cisla/19_black.gif) center 0 no-repeat;
		padding:20px 0 0 32px;
		}

	#numberbar a.number20 {
		background:url(../images/cisla/20_black.gif) center 0 no-repeat;
		padding:20px 0 0 32px;
		}

/* numberbar - black numbers - end */

	#news {
		/*padding:26px 0 0 0;*/
		padding:0;
		}
		.homepagespacer {
			height:22px;
			clear:both;
			overflow:hidden;
			}
		#news h1 {
			font-size:18px;
			font-weight:normal;
			padding:22px 0 4px 0;
			text-align:left;
			}
			
		#news .gallery {
			width:630px;
			}
		#news .image {
			width:210px;
			float:left;
			overflow:hidden;
			}
		#news .image a, #news .image a img {
			border:0px none;
			color:#96e600;
			text-decoration:none;
			}		
		#news .image p, #news .image p a {
			color:#000;
			font-size:11px;
			line-height:14px;
			text-align:left;
			}
		#news .imagebox {
			/*height:185px;*/
			width:185px;
			padding:5px 30px 15px 0px;						
			text-align:center;
			/*overflow:hidden;*/
			color:#96e600;
			text-decoration:none;
			clear:both;
			}
			
		#news .imagebox p {
		  text-align:justify;
		  }
			
		#news .bottombar {
			clear:both;
		}
			#news .bottombar .imagebox {
				text-align:left;
				}

		#news #innovationbar {
			clear:both;
			width: 605px;
			padding:25px 0 0 0;
			
			}
		  
			#news #innovationbar h1 {
				color:#fff;
				font-size:22px;
				font-weight:bold;
				padding:0;
				margin:0;
				}
				#news #innovationbar h1 a {
					display:block;
					height:64px;
					width:560px;
					line-height:64px;
					padding-left:45px;
					background:#96e600 url(../images/arrow-innovation-city.gif) 25px 25px no-repeat;
					color:#fff;
					text-decoration:none;
					}
		      
			#news #innovationbar h2 {
				font-size:14px;
				padding:0; 
				margin:25px 0px 18px 0px;
				}
				#news #innovationbar h2 a, 
				#news #innovationbar p a {
					color:#000;
					text-decoration:none;
					}

			#news #innovationbar p{
				font-size:11px;
				margin:0px 0 0 0;
				padding:0;
				}
		      
   	       
		
	
	#divanstudio {
		/*width:635px;*/
		width:605px;
		padding:26px 0 0 0;
		}
		
		#divanstudio h1 {
			color:#01a0c8;
			font-size:18px;
			font-weight:normal;
			padding:0 0 3px;
			}
		#divanstudio h1.big, #divanstudio h1.big_no_padding {
			color:#01a0c8;
			font-size:18px;
			font-weight:normal;
			padding:20px 0 5px 0;
			}
		#divanstudio h1.big_no_padding {
			color:#01a0c8;
			font-size:18px;
			line-height:20px;
			padding:0px 0 5px 0 !important;
			margin:0;
			}
		#divanstudio h1.bigger {
			color:#01a0c8;
			font-size:21px;
			font-weight:bold;
			padding:20px 0 5px 0;
			}
		#divanstudio h1.photo {
			color:#01a0c8;
			font-size:18px;
			font-weight:normal;
			line-height:18px;
			padding:0 0 6px 0;
			}
			
		#divanstudio p {
			font-size:11px;
			line-height:14px;
			margin:0;
			padding:0 0 0 2px;
			}
			#divanstudio p.teamfunction {
				padding-bottom:10px;
				}
			#divanstudio p.teamdesc {
				width:400px;
				}
		
		#divanstudio td {
			font-size:11px;
			line-height:12px;			
			}
			
		#divanstudio label.big, #divanstudio label.big_blue {
			font-size:14px;
			font-weight:bold;
			line-height:17px;
			}
			
			#divanstudio label.big_blue {
				color:#01a0c8;
				}
			
		
		#divanstudio #team {
			padding:70px 0 0 0px;
			_padding:70px 0 0 10px;
			}

	#service {
		padding:26px 0 0 0;
		}
	#servicecontent {
		padding:22px 0 0 0;
		/*padding:26px 0 0 0;*/
		width:605px;
		}
		/*#divanstudio h1.big, #divanstudio h1.big_no_padding {
			color:#01a0c8;
			font-size:18px;
			font-weight:normal;
			padding:20px 0 5px 0;
			}*/

		#service h1,
		#servicecontent h1 {
			color:#ff8201;
			font-size:18px;
			font-weight:normal;
			padding:0 0 10px 0;
			margin:0;
			}
		#servicecontent h1 {
			padding-top:4px;
			}
		#servicecontent h1.multiline {
			padding-top:0;
			}
		#service p,
		#servicecontent p {
			font-size:11px;
			line-height:14px;
			margin:0;
			padding:0 0 0 2px;
			}
		#service a img,
		#servicecontent a img {
			margin:0 0 15px 0;
			}
		#service a span,
		#servicecontent a span {
			color:#000;
			display:block;
			text-align:center;
			}
		#service ul,
		#servicecontent ul {
			margin:0;
			padding:0 0 14px;
			}
			#service li,
			#servicecontent li {
				font-size:11px;
				line-height:14px;
				list-style: none;
				padding:0 0 0px;
				}
		#service #servicenumbers {
			margin:25px 0 0 0;
			}
			#service #servicenumbers a {
				display:block;
				height:30px;
				width:80px;
				margin:0;
				padding:25px 0 0 0;
				line-height:15px;
				font-size:11px;
				color:#000;
				text-decoration:none;
				}
				
			 #service #servicenumbers a.number1 {
			 	background:url(../images/cisla/big/1_black.gif) center 0 no-repeat;
			 	}
				 #service #servicenumbers a.number1:hover,
				 #service #servicenumbers a.number1selected {
				 	background:url(../images/cisla/big/1_orange.gif) center 0 no-repeat;
				 	}
				#service #servicenumbers span.numberselected {
					color:#ff8201;
					}
					
			 #service #servicenumbers a.number2 {
			 	background:url(../images/cisla/big/2_black.gif) center 0 no-repeat;
			 	}
				 #service #servicenumbers a.number2:hover,
				 #service #servicenumbers a.number2selected {
				 	background:url(../images/cisla/big/2_orange.gif) center 0 no-repeat;
					color:#ff8201;
				 	}

			 #service #servicenumbers a.number3 {
			 	background:url(../images/cisla/big/3_black.gif) center 0 no-repeat;
			 	}
				 #service #servicenumbers a.number3:hover,
				 #service #servicenumbers a.number3selected {
				 	background:url(../images/cisla/big/3_orange.gif) center 0 no-repeat;
					color:#ff8201;
				 	}
					
			 #service #servicenumbers a.number4 {
			 	background:url(../images/cisla/big/4_black.gif) center 0 no-repeat;
			 	}
				 #service #servicenumbers a.number4:hover,
				 #service #servicenumbers a.number4selected {
				 	background:url(../images/cisla/big/4_orange.gif) center 0 no-repeat;
					color:#ff8201;
				 	}
					
			 #service #servicenumbers a.number5 {
			 	background:url(../images/cisla/big/5_black.gif) center 0 no-repeat;
			 	}
				 #service #servicenumbers a.number5:hover,
				 #service #servicenumbers a.number5selected {
				 	background:url(../images/cisla/big/5_orange.gif) center 0 no-repeat;
					color:#ff8201;
				 	}
			
			 #service #servicenumbers a.number6 {
			 	background:url(../images/cisla/big/6_black.gif) center 0 no-repeat;
			 	}
				 #service #servicenumbers a.number6:hover,
				 #service #servicenumbers a.number6selected {
				 	background:url(../images/cisla/big/6_orange.gif) center 0 no-repeat;
					color:#ff8201;
				 	}
			#service #servicenumbers a img {
				border:none;			
				padding:0px 25px 0px 35px;
			}
			
			#service #order_process {
				overflow: hidden;
				position:relative;
				width:604px;
				/*width:632px;*/
				height:700px;
				}
			
			#service #order_process_1, 
			#service #order_process_2, 
			#service #order_process_3, 
			#service #order_process_4, 
			#service #order_process_5, 
			#service #order_process_6 {
				overflow:hidden;
				position:absolute;
				width:604px;
				} 
			#service #order_process_main {
				width:604px;
				}
			
			#service #order_process_main .part {
				background-color: #ff8201;
				margin:10px 0 0 0;
				padding:10px 30px 0 30px;
				}
				#service #order_process_main .part p {
					padding-bottom:20px;
					}
				#service #order_process_main .part h2 {
					font-size:18px;
					font-weight:normal;
					color:#fff;
					}
				#service #order_process_main .part img {
					margin-left:-30px;
					}

	#portfoliointro {
		width:505px;
		padding:60px 0 0 100px;
		}
	#portfolio {
		width:605px;
		padding:0 ;
		}
	#portfolio h1 {
		color:#b40000;
		font-size:18px;
		padding:26px 0 3px 0;
		}
	#portfolio #portfoliofoto{
		padding:0px 0px 5px 0px;
	}

	#portfolio #portfoliopopisek {
		font-size:11px;
		padding:0px 0px 0px 0px;
	}
	
	#portfolio #portfolionumbers {		
		margin:20px 0px 0px -13px;
	}
		#portfolio #portfolionumbers a img {		
			border:none;			
			padding:0px 5px 0px 5px;
		}	

	#references {
		padding:0;
		}
		#references p {
			font-size:11px;
			line-height:14px;
			}
	#referencesclients {
		width:650px;
		}
		
	#referencesclients table{
		margin-top:0px;
		padding-top:0px;
	}
	table#referencesclients {
		border-collapse:collapse;
		}
	#referencesclients td {
		width:125px;
		}	
	#referencescontent {
		width:605px;
		}
	.seznam_projektu {
		font-size:16px;
		color:#960097;
		margin:30px 0px 10px 0px;
	}
	#references h1,
	#referencescontent h1 {
		font-size:18px;
		font-weight:normal;
		color:#960097;
		padding:26px 0 15px 0;
		margin:0;
	}

	
	#projectList {
		width:605px;
		}
	
	#projectList p{
		margin:0;
		padding:0;
	}

		
	#contactMap {
		/*margin:30px 0 0 -50px;*/
		position:absolute;
		left:-50px;
		_left:-55px;
		top:105px;
		z-index:2;
		}

	#footer {
		clear:both;
		}
		
h1 {
	margin:0;
	padding:0;
	}
h1.multiline {
	line-height:115%;
	}

.invisible {
	display:none;
	}
	
