body {	font-family:Verdana, Arial, Helvetica, sans-serif;
		border:0px solid; padding:0px; margin:0px;
		background:#ffffff;
		text-align: center;
		color:#FFFFFF;
		SCROLLBAR-FACE-COLOR: #ba231a; 
		SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
		SCROLLBAR-SHADOW-COLOR: #ffffff; 
		SCROLLBAR-3DLIGHT-COLOR: #ffffff; 
		SCROLLBAR-ARROW-COLOR: #ffffff; 
		SCROLLBAR-TRACK-COLOR: #ffffff; 
		SCROLLBAR-DARKSHADOW-COLOR: #ffffff;
	}
	
div { border:0px solid; padding:0px; margin:0px; }
h1 	{ border:0px solid; padding:0px; margin:0px; }
h2 	{ border:0px solid; padding:0px; margin:0px; }
h3 	{ border:0px solid; padding:0px; margin:0px; }
h4 	{ border:0px solid; padding:0px; margin:0px; }
h5 	{ border:0px solid; padding:0px; margin:0px; }
h6 	{ border:0px solid; padding:0px; margin:0px; }
p 	{ border:0px solid; padding:0px; margin:0px; }
span 	{ border:0px solid; padding:0px; margin:0px; }
ul 	{ border:0px solid; padding:0px; margin:0px; LIST-STYLE-TYPE: none; }
li 	{ border:0px solid; padding:0px; margin:0px; }
A 	{ border:0px solid; padding:0px; margin:0px; }
img 	{ border:0px solid; padding:0px; margin:0px;  }
legend 	{ border:0px solid; padding:0px; margin:0px; }
strong 	{ border:0px solid; padding:0px; margin:0px; }
table	{ border:0px solid; padding:0px; margin:0px; font-size:100%;}
form { border:0px solid; padding:0px; margin:0px; }
td { border:0px solid; padding:0px; margin:0px; }
tr { border:0px solid; padding:0px; margin:0px; }

H1, H2 {	display:none; }
HR {	display:none; }

A {	color:#ffffff;
	text-decoration: none;}
A:hover {	color:#000000;}

/*********************************************************/
/********************  hlavni bloky uvod *********************/
/*********************************************************/

#page_index {	width: 1002px;
		margin: 0px auto;
		font-size:12px;
		position:relative;
	}
	
#uvod { margin-top:250px; }
	
#page {	width: 798px;
		height:674px;
		margin: 0px auto;
		font-size:11px;
		position:relative;
		text-align:left;
	}
	
/********************  blok volba jazyka  *********************/

#jazyk {
	position:absolute;
	top:181px;
	right:0px;
	width:80px;
	height:12px;
	z-index: 9;
	text-align:right;
}

/********************  blok hlavni navigace  *********************/

#navigace_hlavni {	
	position:absolute;
	top:0px;
	left:0px;
	width:798px;
	height:53px;
}
#navigace_hlavni LI {	
	float:left;
}
#navigace_hlavni A {
	display:block;
	width:266px;
	height:53px;
}
#nav_architects A {	background: url(obr/navigace/nav_architects1.gif);}
#nav_architects A:hover { background:url(obr/navigace/nav_architects2.gif);}
#nav_architects A.aktivni { background:url(obr/navigace/nav_architects2.gif);}

#nav_designers A {background:url(obr/navigace/nav_designers1.gif);}
#nav_designers A:hover {background:url(obr/navigace/nav_designers2.gif);}
#nav_designers A.aktivni {background:url(obr/navigace/nav_designers2.gif);}

#nav_graphics A {background:url(obr/navigace/nav_graphics1.gif);}
#nav_graphics A:hover {background:url(obr/navigace/nav_graphics2.gif);}
#nav_graphics A.aktivni {background:url(obr/navigace/nav_graphics2.gif);}


#nav_onas A {	background: url(obr/navigace/nav_onas1.gif);}
#nav_onas A:hover { background:url(obr/navigace/nav_onas2.gif);}
#nav_onas A.aktivni { background:url(obr/navigace/nav_onas2.gif);}

#nav_aktuality A {	background: url(obr/navigace/nav_aktuality1.gif);}
#nav_aktuality A:hover { background:url(obr/navigace/nav_aktuality2.gif);}
#nav_aktuality A.aktivni { background:url(obr/navigace/nav_aktuality2.gif);}

#nav_team A {	background: url(obr/navigace/nav_team1.gif);}
#nav_team A:hover { background:url(obr/navigace/nav_team2.gif);}
#nav_team A.aktivni { background:url(obr/navigace/nav_team2.gif);}

/********************  blok mala navigace  *********************/

#navigace_mala {
	position:absolute;
	top:635px;
	right:0px;
	width:250px;
	height:13px;
	padding:4px 8px;
}
#navigace_mala A {	margin-left:20px;}

/********************  blok eshop  *********************/

#eshop {
	position:absolute;
	top:198px;
	left:266px;
	width:266px;
	height:321px;
}
#eshop .architects {
	background:#ba231a;
	padding:112px 0px 0px 85px;
	width:266px;
	height:321px;
}
#eshop .designers {
	background:#b29e19;
	padding:112px 0px 0px 85px;
	width:266px;
	height:321px;
}
#eshop .graphics {
	background:#420eb1;
	padding:112px 0px 0px 85px;
	width:266px;
	height:321px;
}
#eshop .kontakt, #eshop .team, #eshop .email, #eshop .aktuality {
	background:#666666;
	padding:112px 0px 0px 85px;
	width:266px;
	height:321px;
}
/** #eshop .architects { background: url(obr/eshop_cerveny.gif) 85px 112px no-repeat #ba231a; }
#eshop .designers { background: url(obr/eshop_zeleny.gif) 85px 112px no-repeat #b29e19; }
#eshop .graphics { background: url(obr/eshop_modry.gif) 85px 112px no-repeat #420eb1; }
#eshop .kontakt, #eshop .team, #eshop .email, #eshop .aktuality { background: url(obr/eshop_sedy.gif) 85px 112px no-repeat #666666; }
**/
/********************  blok text*********************/

#text {
	position:absolute;
	top:85px;
	left:0px;
	width:798px;
	color:#000000;
	text-align: justify;
	font-size:12px;
}

/********************  blok vyberu projektu  *********************/

#projekty_popisek {
	position:absolute;
	top:198px;
	left:-80px;
	width:70px;
	text-align:right;
	font-size:10px;
}
#projekty {
	position:absolute;
	top:198px;
	left:0px;
	width:250px;
	height:305px;
	padding:8px;
	font-size:12px;
}
#projekty_vnitrni {
	height:294px;
	overflow:auto;
	padding:px;
}

/********************  blok nazev projektu  *********************/

#nazev_projektu {
	position:absolute;
	top:519px;
	right:0px;
	width:250px;
	height:7px;
	padding:8px;
	font-size:12px;
	font-weight:bold;
	text-align:right;
	background:#777777; 
}

/********************  blok popisu projektu  *********************/

#popis_projektu_popisek {
	position:absolute;
	top:519px;
	right:-80px;
	width:70px;
	text-align:left;
	font-size:10px;
}
#popis_projektu {
	position:absolute;
	top:542px;
	right:0px;
	width:250px;
	height:77px;
	padding:8px;
	text-align:right;
	background:#777777; 
}
#popis_projektu A {
	color:#111111;
}
#popis_projektu A:hover {
	color:#990000;
}

/********************  blok obrazku  *********************/

#obrazek_hlavni {
	position:absolute;
	top:198px;
	right:0px;
	width:266px;
	height:321px;
}
#obrazek_hlavni img {
	padding:8px 0px 0px 8px;
}

/********************  blok malych obrazku projektu  *********************/

#obrazky_projektu_popisek {
	position:absolute;
	top:606px;
	left:-80px;
	width:70px;
	text-align:right;
	font-size:10px;
}
#obrazky_projektu_obal {
	position:absolute;
	top:519px;
	left:0px;
	width:532px;
	height:137px;
	overflow: auto;
}
#obrazky_projektu {
	overflow: hidden;
	height:116px;
	background:#767676;
	text-align:left;
	padding-left:2px;
}
#obrazky_projektu img {
	padding:8px 0px 0px 4px;
}


/********************  blok malych obrazku projektu  *********************/

#obrazky_male {
	position:absolute;
	top:519px;
	left:0px;
	width:516px;
	height:121px;
	padding:8px;
	overflow: hidden;
	background:#767676; 
}

/********************  blok o nas architects  *********************/

#onas_architects {
	position:absolute;
	top:198px;
	left:0px;
	width:250px;
	height:274px;
	padding:8px;
	text-align: right;
}

/********************  blok o nas designers  *********************/

#onas_designers {
	position:absolute;
	top:198px;
	left:266px;
	width:238px;
	height:252px;
	padding:177px 16px 8px 12px;
	text-align: right;
}

/********************  blok o nas graphics  *********************/

#onas_graphics {
	position:absolute;
	top:475px;
	left:0px;
	width:250px;
	height:154px;
	padding:8px;
	text-align: left;
}

/********************  blok spodni lista nad adresou  *********************/

#lista {
	position:absolute;
	top:635px;
	left:0px;
	width:524px;
	height:21px;
}

/********************  blok adresa  *********************/

#adresa {
	position:absolute;
	top:656px;
	left:0px;
	width:798px;
	padding-top:5px;
	background:#ffffff;
}

/********************  blok email  *********************/

#email TD{
	padding-bottom:10px;
}

INPUT.button {
	border:0px solid;
	background:#666666;
	font-size:11px;
	padding:4px 8px;
	color:#ffffff;
}

/********************  blok kontat  *********************/

#ctverecek {
	width:20px;
	height:8px;
	margin:6px 0px;
}
.cerveny {
	background:#ba231a;
}
.zeleny {
	background:#b29e19;
}
.modry {
	background:#420eb1;
}

/********************  blok cary doplnujici design  *********************/

#cara1_architects, #cara1_designers, #cara1_graphics, #cara1_spolecna {
	position:absolute;
	top:150px;
	left:264px;
	width:8px;
	height:230px;
	z-index:9;
}
#cara1_architects  {background:#b29e19;}
#cara1_designers  {background:#ba231a;}
#cara1_graphics  {background:#b29e19;}

#cara2_architects, #cara2_designers, #cara2_graphics, #cara2_spolecna {
	position:absolute;
	top:505px;
	left:-50px;
	width:300px;
	height:8px;
	line-height:1px;
	font-size:1px;
	z-index:9;
}
#cara2_architects  {background:#420eb1;}
#cara2_designers  {background:#420eb1;}
#cara2_graphics  {background:#ba231a;}

#cara3_architects, #cara3_designers, #cara3_graphics, #cara3_spolecna {
	position:absolute;
	top:382px;
	right:266px;
	width:8px;
	height:320px;
	z-index:9;
}
#cara3_architects  {background:#b29e19;}
#cara3_designers  {background:#ba231a;}
#cara3_graphics  {background:#ba231a;}


#cara1_spolecna  {background:#ba231a;}
#cara2_spolecna  {background:#420eb1;}
#cara3_spolecna  {background:#b29e19;}

/********************  blok webdesign by  *********************/

#webdesign {
}

/********************  blok ostatnich funkci  *********************/
	
.skryte {	visibility: hidden;}

.architects {
	background:#ba231a;
}
.architects_text {
	color:#ba231a;
}
.designers {
	background:#b29e19;
}
.designers_text {
	color:#b29e19;
}
.graphics {
	background:#420eb1;
}
.graphics_text {
	color:#420eb1;
}

#lista.onas { background:#666666; }
#navigace_mala.onas { background:#666666; }
.onas { background:#777777; }
.kontakt, .team, .email, .aktuality { background:#666666; }
.onas_text, .kontakt_text, .team_text, .email_text, .aktuality_text { color:#444444; }

.cervene {
	color:#ff0000;
}
.zlute {
	color:#ffcc00;
}


