body 	{font-family: Verdana, sans-serif; font-size: 10px; line-height: 150%; margin: 0; padding: 0; background: #FFFFFF; _behavior: url('csshover.htc');}
a 	{color : #003399; text-decoration : none;}
a:hover {color : #366CC7;}
a img 	{border: none;}
h1,  h2,  h3, h4, h5{color: #003399; font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;}
h1 		{line-height: 120%; font-size: 10px; font-weight: bold; height: 100px; margin: 0; padding: 2px 0px 0px 0px; color: #003399;}
h2 		{line-height: 120%; font-size: 24px; font-weight: bold; margin: -1px 0 0 0; padding: 0 10px 50px 0px;}
h3 		{line-height: 150%; font-size: 10px; font-weight: bold; margin: 0 0 15px 0; padding: 0 0 0 0px; color : #003399;}
h4 		{line-height: 150%; font-size: 10px; font-weight: bold; margin: 0; padding: 0; color : #003399;}
ul    {margin: 0; padding: 0;}
li    {list-style: none; font-weight: bold; margin: 0 0 5px 0; padding:0;; background: none;}
li:hover    {font-weight: bold;}
.bluebold 		{color : #003399; font-weight: bold;}
table.kontakt td {padding: 0 0 12px 0px;}

table, tr, td {line-height: 150%; background: #FFFFFF; font-family: Verdana, sans-serif; font-size: 10px; margin: 0; padding: 0;}
td.l 	{width: 260px; text-align: right; font-family: Verdana, sans-serif; font-size: 10px; font-weight: bold;	color : #003399; margin: 0; padding:  0 0 15px 0;	vertical-align : top;}
td.r 	{font-family: Verdana, sans-serif; font-size: 10px;  margin: 0; padding: 0 0 15px 20px; vertical-align : bottom;}
#stred  {padding: 0px 0px 0px 100px;}
.iright {float: right; margin-top: 3px;}
.architekt {line-height: 150%; width : 520px; padding: 0 0 20px 0;}
p		{line-height: 150%; padding: 0 0 0 0; margin: 0 0 0 0;}
.inactive {color : #aaaaaa;}
/* Rozložení */
#head		{height: 100px; padding: 15px 0 0 25px;}
#head img	{float: left; padding: 0px 10px 0px 0px;}
#head a		{color : #003399;}
#jazyk		{position: absolute; color : #cccccc; font-size: 10px; top: 15px; left: 960px;}
#jazyk a	{color : #888888;}
#jazyk a:hover	{color : #003399;}

#menu 		{font-size: 12px; position: relative; float: left; width : 80px; top: 8px; left: 25px; padding: 0; line-height: 160%;}
#menu a		{display: block; height: 22px; font-weight: bold; color : #000000; padding: 0; margin: 0;}
#menu a:hover		{color : #003399; text-decoration : underline;}
#menu a.zamestnanci {line-height: 120%;}
#menu a.zamestnanci-blue {color : #003399; line-height: 120%;}
#menu a.blue 		{color : #003399;}
#menu a.red 		{color : #003399;}
#menu a.gray 		{color : #000000;}
#menu a.gray:hover 	{color : #003399;}
#menu a.autori 		{float: right; margin-right: 100px; color : #aaaaaa;}
#menu a.autori:hover		{border: solid 1px #CACACA; color : #666666;}
#menu a.autori-blue 		{float: right; margin-right: 100px; border: solid 1px #CACACA; color : #003399;}

#atelier-menu	{position: absolute; width : 400px; left: 155px; top: 142px; padding: 10px 0 0 0; font-weight: bold;  line-height: 16px; color : #CACACA; background: url('img/noha.gif') 73px top no-repeat;}
#atelier-menu a	{color : #666666;}
#atelier-menu a.grey 	{color : #aaaaaa;}
#atelier-menu a:hover	{color : #000000;}
#atelier-menu a.blue 	{color : #003399;}

#content 	    {position: relative; width: 410px; top: 10px; margin-left: 230px;}
#content-large 	{position: relative; width: 700px; top: 10px; margin-left: 230px;}
.cv 	        {width:  400px;}
div.cv h2 	        {line-height: 120%; font-size: 10px; font-weight: bold; margin: 0; padding: 0 0 15px 0;}
div.cv h3 	        {line-height: 150%; font-size: 10px; font-weight: bold; margin: 0; padding: 15px 0 0 0; color : #000000;}
#right	 	    {position: absolute; width: 400px; top: 130px; left: 680px;}
#mapa 			{position: absolute; width: 520px; top: 130px; left: 500px;}
#galerie 		{position: relative; width: 840px; top: 10px; margin-left: 230px; line-height: 120%;}
#captions		{position: absolute; width: 550px; top: 127px; left: 580px; text-align: left; color:#000; z-index:200; background: #fff;}
#atelier		{position: relative; width: 524px; top: 13px; left: 0px; height: 524px; overflow:hidden; padding: 0; margin: 0;}
#realizace		{position: absolute; width: 524px; top: 154px; left: 580px; height: 524px; overflow:hidden; padding: 0; margin: 0;}
.blend img 		{padding: 0; margin: 0; opacity: 0; -moz-opacity: 0; -khtml-opacity:0; filter: alpha(opacity=0);}
#clanky 	    {position: relative; width: 410px; top: 10px; margin-left: 580px;}
#clanek 		{position: relative; top: 20px; padding: 0 0 30px 0;}
#clanek h2		{margin: 0; padding: 20px 0 0 0; line-height: 175%; font-size: 10px; }
#clanek h3		{font-weight: normal; }
#minigalerie	{position: relative; width: 440px; height: 570px; margin-top: 106px; margin-left: 580px; line-height: 120%;}
#nahledy	{ margin-left: 580px; width: 450px; margin-top: 10px; }

#new-clanek 		{position: relative; float: left; width: 320px; top: 10px; padding: 0 0 30px 0; margin-left: 120px;}
#new-clanek h3		{font-weight: normal; }
#new-clanek h3.bold		{font-weight: bold; }
#new-clanek h2		{margin: 0; padding: 20px 0 0 0; line-height: 175%; font-size: 10px; }

#prehled 		{line-height: 140%; font-size: 12px; position: absolute; top: 235px; left: 25px; width: 100px;}
#prehled a		{font-weight: bold; color : #993300;}
#prehled a.blue		{color : #003399;}
#prehled a:hover		{color : #003399; text-decoration : underline;}
#new-clanek h2.top 		{line-height: 120%; font-size: 24px; font-weight: bold; margin: -1px 0 0 0; padding: 0 10px 50px 0px;}


 



#content-struktura 	{position: absolute; width : 520px; top: 130px; left: 460px; padding: 5px 10px 30px 10px;}
#content-zamestnanci 	{position: absolute; width : 310px; top: 257px; left: 625px; padding: 0;}
#content-zamestnanci img 	{padding: 0; margin: 0; border: 0px;}
#content-atelier	{position: absolute; text-align: justify; width : 930px; top: 130px; left: 140px; padding: 5px 10px 30px 10px;}
/*#content-stavby 	{position: absolute; width : 430px; top: 190px; left: 450px; padding: 0 10px 30px 10px; margin: 0;}*/
#content-autori 	{position: absolute; text-align: left; width : 860px; top: 130px; left: 10px; padding: 5px 10px 30px 10px;}
/*#content-just 	{position: absolute; width : 430px; top: 110px; left: 150px; padding: 10px 10px 30px 10px; text-align: justify;}*/

#stavby-seznam	 		{position: absolute; width : 300px; top: 130px; left: 140px; padding: 0 0 0 0px;}
#stavby-seznam a		{display: block; font-weight: bold; color : #000000; font-size: 10px; padding: 5px 5px 5px 10px;}
#stavby-seznam a:hover	{color : #003399; background: url('img/liup.gif') left top no-repeat;}

#stavby	 		{float: left; position: relative; width: 350px; margin-top: 130px; margin-left: -55px;}
#stavby a		{font-weight: bold;}
#stavby a:hover	{color : #003399;}
#stavby p		{line-height: 150%;  padding: 5px 0 5px 0;  margin: 0 0 0 0;}
#stavby h2 		{margin: 0; line-height: 120%; font-size: 24px; }

#architekti-seznam	 {position: absolute; width : 350px; top: 120px; left: 140px; padding: 8px 0 0 0px;}
#o-atelieru	 {position: absolute; width : 350px; top: 120px; left: 140px; padding: 5px 0 0 0px;}

#foot 	{padding: 10px 0 0 20px; color : #777777; clear: both; width: 1024px; border-top: solid #dddddd 1px; margin-top: 30px;}


ul.nav 				{color : #003399; padding: 0;  margin: 0 0 100px 0; }
ul.nav li div 		{z-index: 250; text-align: left; position: absolute; margin: 0; top: 2px; left: 350px; width: 524px; visibility: hidden; font-weight: normal; color : #000000;}
ul.nav li:hover div {z-index: 250;visibility: visible; background: #ffffff;}
ul.nav li div img	{margin-bottom: 15px; margin-top: 12px;}
ul.nav li a			{display: block; font-weight: bold; color : #000000; font-size: 10px; line-height: 150%; padding: 0 0 6px 0;  margin: 0;}
ul.nav li a:hover	{color : #003399;}

h2.over  div 		{z-index: 250; text-align: left; position: absolute; margin: 0; top:108px; left: 380px; width: 550px; height: 570px; visibility: hidden; font-weight: normal; color : #000000;}
h2.over:hover div {z-index: 250;visibility: visible; background: #ffffff;}
h2.over  div img	{margin-bottom: 9px; margin-top: 0px;}


a.foto {display: block; text-align: left;  width: 530px; padding: 0px; }
a.fotogalerie {display: block; float: right; color : #aaaaaa;}
a.fotogalerie:hover		{color : #666666;}

/*----------------------------------------------------------------------------*/
/*Photo-gallery---------------------------------------------------------------*/
/*----------------------------------------------------------------------------*/
img.sipka-left    { position: absolute; cursor: hand; cursor: pointer; left: 580px; top: 125px; visibility: hidden;}
img.sipka-right    { position: absolute; cursor: hand; cursor: pointer; left: 1020px; top: 125px; visibility: hidden;}

.inact {filter: alpha(opacity=50);  -moz-opacity: .5;  -khtml-opacity: .5;  opacity: .5;}
.inact:hover  { filter: alpha(opacity=100);  -moz-opacity: 1;  -khtml-opacity: 1;  opacity: 1;}
.act { filter: alpha(opacity=100);  -moz-opacity: 1;  -khtml-opacity: 1;  opacity: 1;}

.outer  { overflow: hidden; position: absolute; left: 580px; top: 125px; width: 460px; height:100px; white-space: nowrap;}
.inner  { position: absolute; padding: 3px; height: 210px; left: 0px; white-space: nowrap;}
.inner a { position: relative; text-decoration: none; margin: 0px; padding: 0px;}