*
{
	margin: 0;
	padding: 0;
}
html, body
{
height: 100%;
}
html
{
	background: #0f3747 url(../img/bg_html_new.jpg) no-repeat left top;
}
body
{
	font-family: arial, verdana;
	font-size: 14px;
	color: #000;
}
/*-------------------------------------------------------------------------------------------------------------------------
	Basic tags and class
-------------------------------------------------------------------------------------------------------------------------*/
a {
	color: #ffc445;
	outline: none;
}
.yellow {
	color: #ffc445;
}
a:hover
{
	color: #fff045;
	text-decoration: none;
}
.clear
{
	clear: both;
	width: 0;
	height: 0;
	font-size: 0;
	border: 0;
}
.clear20px
{
	clear: both;
	width: 0;
	height: 20px;
	font-size: 20px;
	border: 0;
}
.nomargin 
{
	margin: 0 !important;
}
/*-------------------------------------------------------------------------------------------------------------------------
	Bubble
-------------------------------------------------------------------------------------------------------------------------*/
div.bubbles-one
{
  background: url(../img/bg_bubbles_one.jpg) no-repeat scroll 300px 250px;
}
div.bubbles-two
{
  background: url(../img/bg_bubbles_two.jpg) no-repeat scroll 0px 100px;
}
div.bubbles-three
{
  background: url(../img/bg_bubbles_three.jpg) no-repeat scroll 0 100px;
}
div.bubbles-four
{
  background: url(../img/bg_bubbles_four.jpg) no-repeat scroll 0 250px;
}
div.bubbles-five
{
  background: url(../img/bg_bubbles_five.jpg) no-repeat scroll 300px 250px;
}
div.bubbles-six
{
  background: url(../img/bg_bubbles_six.jpg) no-repeat scroll 0px 100px;
}
div.bubbles-seven
{
  background: url(../img/bg_bubbles_seven.jpg) no-repeat scroll 0px 100px;
}
div.bubbles-eight
{
  background: url(../img/bg_bubbles_eight.jpg) no-repeat scroll 0 250px;
}
div.bubbles-nine
{
  background: url(../img/bg_bubbles_nine.jpg) no-repeat scroll 0 50px;
}
div.bubbles-ten
{
  background: url(../img/bg_bubbles_ten.jpg) no-repeat scroll 0 250px;
}

div.bubbles-contact
{
  background: url(../img/bg_bubbles_contact.jpg) no-repeat scroll 0 100px;
}
div.bubbles-contact-en
{
  background: url(../img/bg_bubbles_contact-en.jpg) no-repeat scroll 0 100px;
}
div.bubbles-contact-de
{
  background: url(../img/bg_bubbles_contact-de.jpg) no-repeat scroll 0 100px;
}
/*-------------------------------------------------------------------------------------------------------------------------
	Main
-------------------------------------------------------------------------------------------------------------------------*/
body>#main
{
	height: auto;
}
div#main
{
	width: 100%;
	min-height: 100%;
	height: 100%;
	height: auto;
	position: relative;
	text-align: left;
}
/*-------------------------------------------------------------------------------------------------------------------------
	Header
-------------------------------------------------------------------------------------------------------------------------*/
div#header
{
	height: 180px;
	position: relative;
}
div#header #logo
{
	width: 367px;
	height: 50px;
	position: relative;
	top: 50px;
	left: 0;
	display: block;
	font-size: 12px;
}
div#header #logo span
{
	background: url(../img/logo1.jpg) no-repeat left top;
	width: 367px;
	height: 50px;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
}
#language
{
	position: absolute;
	left: 1080px;
	top: 78px;
	border-bottom: solid 1px #3e6879;
	display: block;
	width: 100px;
	font-size: 15px;
	padding: 0 0 5px 0;
}
#language a
{
	padding: 0 0 0 10px;
	color: #fff;
	text-decoration: none;
}
/*-------------------------------------------------------------------------------------------------------------------------
	container
-------------------------------------------------------------------------------------------------------------------------*/
div#container
{
	padding: 0 0 70px 0;
}
/*-------------------------------------------------------------------------------------------------------------------------
	Inner
-------------------------------------------------------------------------------------------------------------------------*/
div#inner
{
	padding: 0 0 60px 0;
	position: relative;
	width: 1180px; 
	background: url(../img/bg_main.gif) 260px 0 repeat-y;
}
/*-------------------------------------------------------------------------------------------------------------------------
	Content
-------------------------------------------------------------------------------------------------------------------------*/
div#content
{
  position: relative;
	padding: 0 0 0 50px;
	width: 870px;
	float: right;
}
div#content h2
{
	margin: 0 0 20px 0;
	font-size: 28px;
	font-weight: normal;
	color: #fff;
}
div#content h2 span
{
	background: #fff;
	line-height:39px;
	padding:5px 0;
	display: inline;
	position:relative;
	color: #0f3b4d;
}
div#content h3 
{
	margin: 0 0 10px 0;
	color: #fff;
	font-size: 20px;
	font-weight: normal;
}
div#content .team h3 
{
	margin: 0 0 6px 0;
	color: #fff;
	font-size: 14px;
}
div#content h4 
{
	margin: 0 0 10px 0;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
}
div#content .contact 
{
	margin-bottom: 40px;
}
div#content .contact .col1,
div#content .contact .col2,
div#content .contact .col4 { width: 22%;}
div#content .contact .col3 { width: 30%;}
div#content .contact h3
{
	margin: 0 0 5px 0;
	font-size: 14px;
	font-weight: bold;
}
div#content p
{
	margin: 0 0 25px 0;
	font-size: 13px;
	color: #fff;
	line-height: 22px;
}
div#content .w65
{
	width: 65%;
}
div#content .backLink
{
	padding-top: 20px;
}
/*-------------------
	List ul and ol
-------------------*/
div#content ul
{
	margin: 0 0 25px 0;
	font-size: 13px;
	color: #fff;
	line-height: 22px;
}
div#content ul li
{
	margin: 0 0 2px 0;
	padding: 0;
}
div#content ul.list-dash, div#content ul.list-dashout
{
	list-style: none;
}
div#content ul.list-dash li
{
	padding-left: 10px;
	background: url(../img/list-dash.gif) 0 10px no-repeat;
}
div#content ul.list-overlay 
{
	margin: 0 0 20px 0;
	padding: 0;
	list-style: none;
}
div#content ul.list-overlay li
{
  position: relative;
  overflow: hidden;
  margin: 0 0 10px 10px;
	padding: 5px 10px;
	border-left: 1px solid #fff;
	background: url(../img/list-overlay.png) 0 0 repeat;
}
div#content ul.list-overlay li ul.list-dash
{
  display: none;
  margin: 0;
}
div#content ul.list-overlay li ul.list-dash li 
{
  margin: 0;
	padding: 0 0 0 10px;
	border: none;
	background: url(../img/list-dash.gif) 0 12px no-repeat;
}

ul.list-overlay h4, ul.list-overlay h3 {
  color: #ffc445 !important;
}

div#content .dropDown li 
{
  position: relative;
  cursor: pointer;
}
div#content .dropDown li h2
{
  margin: 0;
  padding: 0;
  font-size: 13px;
  color: #ffc445;
  text-decoration: underline;
}
div#content .dropDown li h2:hover,
div#content .dropDown li.active h2
{
	text-decoration: none;
}
div#content .dropDown li span 
{ 
  position: absolute; 
  top: 14px; right: 10px;
  display: block;
  width: 6px;
  height: 5px;
  text-decoration: none !important;
  background: url(../img/ico-dropdown.gif) 0 0 no-repeat;
}
div#content .dropDown li.active span 
{
  background-position: 0 -5px;
}
/*-------------------
	Photo and Gallery
-------------------*/
div#content .photo 
{
  position: relative;
	margin: 0 0 50px 0;
	padding: 0;
	float: left;
	overflow: hidden;
}
div#content .oceneni 
{
  position: relative;
	padding: 0;
	float: left;
	overflow: hidden;
}
div#content .oceneni2 
{
  position: relative;
	padding: 0;
	float: right;
	overflow: hidden;
}
div#content .photo img, div#content .oceneni img, div#content .oceneni2 img
{
	margin: 0 0 10px 0;
	padding: 0;
	border: 0;
}
div#content .photo span, div#content .oceneni span, div#content .oceneni2 span
{
	position: absolute;
	bottom: 4px;
	right: 0;
	width: 80%;
	height: 20px;
	background: url(../img/photo-overlay.png) 0 0 repeat;	
}
div#content .gallery 
{
}
div#content .gallery .photo {
	margin-right: 60px;
	float: left;
}
/*-------------------
	Photo and Gallery
-------------------*/
div#content .page_list 
{
	margin-bottom: 0px;
  overflow: hidden;
}
div#content .foto_list 
{
	position: absolute;
	width: 87px;
	height: 37px;
	bottom: 44px;
	right: 192px;
}
div#content .page_list li {
	margin: 0 0 20px 0;
	padding: 0;
	float: left;
	list-style: none;
}
div#content .page_list.news li {
	float: right;
	margin: 0 0 20px 10px;
}
div#content .page_list li a{
	display: block;
	width: 40px;
	height: 38px;
	margin: 0;
	padding: 0;
	float: left;
	background-image: url(../img/bg_page_list.png);
}
div#content .foto_list li a{
	background-image: url(../img/bg_foto_list.png) !important;
}
div#content .page_list.news li a{
	float: right;
}
div#content .page_list li.prev a { background-position: 0 0; }
div#content .page_list li.next a { background-position: 41px 0; }
div#content .page_list li.prev a:hover { background-position: 0 -38px; }
div#content .page_list li.next a:hover { background-position: 41px -38px; }
/*-------------------
	People
-------------------*/
div#content .people 
{
  position: relative;
	padding: 20px 0;
  margin: auto;
	width: 852px;
	height: 456px;
  background: url(../img/people6.png) 0 0 no-repeat;
}
div#content .people a
{ 
  position: absolute;
  display: block;
  width: 100px;
  height: 100px; 
}
div#content .people .zilvarova    { top: 134px; left: 180px; }
div#content .people .ctibor       { top: 185px; left: 552px; }
div#content .people .hladky       { top: 60px;  left: 412px; }
div#content .people .pavlicek     { top: 355px; left: 650px; }
div#content .people .ridzon       { top: 6px;  left: 693px; }
div#content .people .komberec     { top: 141px; left: 752px; }
div#content .people .grinc        { top: 233px;  left: 720px; }
div#content .people .kozlerova    { top: 339px; left: 390px; }
div#content .people .soldanova    { top: 191px; left: 359px; }
div#content .people .vejvodova    { top: 242px; left: 7px; }
div#content .people .kusova       { top: 338px; left: 136px; }
div#content .people .rada         { top: 28px; left: 54px; }
div#content .linkMap 
{ 
  display: block;
  position: absolute;
  bottom: 5px;
  right: 0;
  width: 350px;
  height: 350px;
}
/*-------------------
	Reference
-------------------*/
div#content .reference 
{
  position: relative;
	padding: 20px 0;
  margin: auto;
	width: 852px;
	height: 456px;
  background: url(../img/reference.png) 0 0 no-repeat;
}
div#content .reference2 
{
  position: relative;
	padding: 20px 0;
  margin: auto;
	width: 852px;
	height: 456px;
  background: url(../img/reference2.png) 0 0 no-repeat;
}
div#content .reference a, 
div#content .reference2 a
{ 
  position: absolute;
  display: block;
  width: 130px;
  height: 130px; 
}
div#content .reference2 .sluzby           { top: 30px; left: 130px; }
div#content .reference2 .strojirenstvi    { top: 0; left: 508px; }
div#content .reference2 .nemovitosti      { top: 330px;  left: 650px; }
div#content .reference2 .maloobchod       { top: 155px; left: 322px; }
div#content .reference2 .insolvence       { top: 328px;  left: 200px; }
div#content .reference2 .franchising      { top: 75px;  left: 718px; }
div#content .reference2 .leasing          { top: 230px;  left: 0px; }
div#content .reference2 .energetika          { top: 255px;  left: 460px; }
/*-------------------
	Úvod loga
-------------------*/
div#content .home-logo 
{
  position: relative;
	padding: 20px 0;
  margin: auto;
	width: 797px;
	height: 294px;
  background: url(../img/zch-home-3.png) 0 0 no-repeat;
}

div#content .home-logo a
{ 
  position: absolute;
  display: block;
  width: 140px;
  height: 140px; 
}
div#content .home-logo .chambers           { top: 102px; left: 19px; }
div#content .home-logo .legal    { top: 5px; left: 241px; }
div#content .home-logo .global      { top: 41px;  left: 629px; }
div#content .home-logo .corporate       { top: 145px; left: 433px; }

/*-------------------------------------------------------------------------------------------------------------------------
	Sidebar
-------------------------------------------------------------------------------------------------------------------------*/
div#sidebar
{
	width: 260px;
	float: left;
}
div#sidebar #main_menu
{
	margin: 0 30px 0 0;
	text-align: right;
	font-size: 20px;
}
div#sidebar #main_menu li
{
	list-style-type: none;
	line-height: 35px;
}
div#sidebar #main_menu li a
{
	color: #fff;
	text-decoration: none;
	font-weight: normal;
}
div#sidebar #main_menu li.active a,
div#sidebar #main_menu li a:hover
{
	color: #ffc445;
}
/*-------------------------------------------------------------------------------------------------------------------------
	Footer
-------------------------------------------------------------------------------------------------------------------------*/
div#footer
{
	position: absolute;
	bottom: 0;
	left: 0;
	/*background: url(../img/bg_footer.jpg) repeat-x bottom;*/
	width: 100%;
	height: 50px;
	overflow: hidden;
}
div#footer_in
{
	/*background: url(../img/bg_footer_in.jpg) no-repeat left bottom;*/
	margin: 0 0 0 260px;
	padding-top: 10px;
	width: 920px;
	height: 40px;
}
div#footer_in p
{
	color: #336a83;
	font-size: 12px;
	float: right;
}
div#footer_in p span
{
	margin: 0 15px 0 30px;
}
div#footer_in p a
{
	padding: 2px 0 0 0;
	color: #336a83;
	font-size: 12px;
	text-decoration: none;
}
div#footer_in #breezy
{
	margin: 0 0 0 30px;
	padding: 2px 0 0 20px;
	text-decoration: underline;
}
#list-dashout a
{
	text-decoration: none;
}
/*-------------------------------------------------------------------------------------------------------------------------
	Cols layout
-------------------------------------------------------------------------------------------------------------------------*/
.cols { overflow: hidden; height: 100%; clear: both; }
.cols .col1 { float: left; }
.cols .col2 { float: left; }
.cols50 .col1 { float: left; width: 47% !important; }
.cols50 .col2 { float: right; width: 47% !important; }
.cols3 .col1,
.cols3 .col2,
.cols3 .col3 { width: 33%; }
.cols3 .col3 { float: right; }
.cols4 .col1,
.cols4 .col2,
.cols4 .col3,
.cols4 .col4 { float: left; width: 24%; }
.cols2v1 .col1 { width: 560px; }
.cols2v1 .col2 { float: right; width: 250px; }

.contact .col1,
.contact .col2,
.contact .col4 { float: left; width: 22%; }
.contact .col3 { float: left; width: 40%; }

ul.list-overlay h4 span{
  float: right;
  color: white;
}

a.pdf{
  background: url(../img/pdf.png) no-repeat left center;
  padding: 0 0 0 25px;
}
a.alignRight{
  float: right;
}

/*-------------------------------------------------------------------------------------------------------------------------
	Popup
-------------------------------------------------------------------------------------------------------------------------*/

#text-popup{  
    right: 30px;
    bottom: 30px;      
    display: none;
    position: fixed;
    width: 465px;
    height: 255px;
    z-index: 200;
    text-align: left;
    overflow: hidden;
}

#text-popup .popup-inner{        
    height: 550px;
    width: 465px;
    background: url('../img/popup.png') left top no-repeat;
    text-align: center;
}

#text-popup-content {
   height: 550px;
   overflow: hidden;
}


.popup-inner p.popup-headline{
    margin: 0;
    padding: 23px 0 0 35px;
    height: 30px;
    font-weight: normal;
    font-size: 18px;
    color: #0c3747;
    text-transform: uppercase;
    text-align: left;
}

.popup-content {
    width: 436px;
    margin: 0 auto;
    padding-top: 20px; 
    text-align: left;
}

.popup-content p{
    margin: 0 20px 10px;
    color: #fff; 
    font-size: 13px;
    line-height: 22px;
}
.popup-content .popup-close { 
    color: #fff;
    float: right;
}

.oceneni-left, .oceneni-right { 
	border-bottom: solid 1px #ffc445;
	margin-bottom: 20px; 
	padding-bottom: 20px;
}

.oceneni-left .oceneni  { 
	margin: 0 20px 0 0;
}

.oceneni-left .oceneni2  { 
	margin: 0 0 0 20px;
}
.oceneni-right p { 
	width: 540px;
}
.oceneni-right.reset p { 
	width: auto !important;
}
.tab { 
	display: none;
}
.tabs-visible {
	display: block;
}

.pozemky {
	float: right;
	width: 160px;
	height: 360px;
}

.pozemky li{
	cursor: pointer;
}
.pozemky li img{
	margin: 0px -8px 8px 0;
}
.box_text {
  float: left;
}
.pozemky li a img{
  border: none;
  width: 158px;
}
.fotogalerie{
  position: relative;
}

.fotogalerie li {
  list-style: none;
}
.fotogalerie li img{
  width: 685px;
}